web-dev-qa-db-ja.com

Drupal 8）でJQueryをフォーマットするにはどうすればよいですか？

モバイルナビゲーションをアニメーション化するために、簡単なJQuery関数を記述しようとしています。ただし、.jsファイルのフォーマット方法がわかりません。いくつかの例をオンラインで調べましたが、例のテンプレートを使用しようとしたときに、関数を機能させることができませんでした。これは私が現在使用しているもので、Chromeで機能しますが、FireFoxがエラーをログに記録します。これも以下に投稿します。

私のコード：

(function ($, Drupal) {
      $(function(){
        $( '#mobile-menu-toggle-button' ).click(function(){
          $( '.mobile-menu-toggle' ).toggleClass( "open" );
        });
        $( '.overlay' ).click(function(e){
          if(e.target != this) return;
          $( '.mobile-menu-toggle' ).toggleClass( "open" );
        });
      });
})(jQuery, Drupal);

FireFoxエラー：

ReferenceError: Drupal is not defined

書式設定がオフになっていると思います。どんな助けでも大歓迎です。

theming8javascriptinstalling
1
Kellen

D8では、ページで必要なものについての仮定が少なくなっているため、Drupal JSライブラリは、指定されていない限り含まれません。

追加するだけ

- core/drupal

ライブラリの依存関係の1つとして、キャッシュを再構築すれば、すべて正常に動作するはずです。

3
Clive