drupal 7.でjqueryを動作させる方法について、多くのチュートリアルをオンラインで読んでいます。コードと例はたくさんありますが、見つけることができないのは、どこにコードを置くかです(たぶん)ほとんどの開発者にとってそれは明らかです)
だから、私がすることは
1)新しいカスタムブロックを作成します
2)あそこからdrupal UI、コードを書いて
(function ($) {
$(document).ready(function(){
// jquery here
});
})(jQuery);
3)ブロックを表示しましたが、jqueryがロードされていません。
私はこのコードをテンプレートファイル、テーマファイル、CSSファイル、情報ファイルに配置する必要があることを読んでいます。
上記のコードを適切に機能させるために、正確にどのファイルとどのパスに配置する必要があるのかがわかりません。
何かアドバイス?
どうもありがとう!
ここにいくつかのものがあります:
例えば:
(function ($) {
Drupal.behaviors.yourBehaviorName = {
attach: function (context, settings) {
// Do your thing here.
}
};
})(jQuery);
これらのページを読むことをお勧めします:
JavaScriptの管理Drupal 7
JavaScriptおよびjQueryの操作
。jsにこのコードのように挿入します。
(function ($) {
Drupal.behaviors.themename = {
attach: function (context, settings) {
// All our js code here
alert('Hello jQuery');
// end our js code
}
};})(jQuery);
あなたのテーマでtemplate.php作成hook_preprocess_html次にdrupal_add_jsを使用します
function themename_preprocess_html(&$variables) {
drupal_add_js(drupal_get_path('theme', 'themename') . '/js/your.js', array(
'scope' => 'footer',
'weight' => '15'
));
}
変更テーマ名
.jsファイルは次のようになります。
(function ($) {
Drupal.behaviors.cdgi = {
attach: function(context) {
//your code
}
}
}(jQuery));
モジュールで drupal_add_js() を使用して、このファイルをDrupalに追加します。適切なリファレンス here および here 。
キャッシュを頻繁にクリアする;)