DrupalテーマでのjQueryの接続と使用

jQueryは何かを隠す、変更する、移動する、素敵に配置して去るとき、非常に便利なものです。非常に便利で非常にシンプルです。JavaScriptファイルを接続しましょう。ファイルはテーマの.info拡張子のファイルを通じてテーマに接続されます。ファイルを接続するには、テーマファイルに以下の行を追加します：

scripts[] = js/custom.js

ここでjs/custom.jsはテーマ内のJavaScriptファイルへのパスです。

次に、ページが読み込まれた後のjQueryコード実行を定義する必要があります。Drupal 6の場合は十分です：

$(document).ready(function(){
  //jQuery code
});

しかしDrupal 7では、jQueryはnoConflictモードで動作し、MootoolsをDrupalに接続できます。したがって、Drupal 7ではjQueryを次のように接続します：

(function($){
  $(document).ready(function(){
    //jQuery code
  });
})(jQuery);

 しかし最善はbehaviorsを使用することです：

(function ($) {
  Drupal.behaviors.myModuleBehavior = {
    attach: function (context, settings) {
      // ここに独自のJavaScriptコードを書く
    }
  };
})(jQuery);

 behaviorsについてのより詳しい情報は、この記事で読んでください：

8.8. Drupal 8でのJavaScript/jQueryの操作。behaviorsとは何か？