使用drupal和引導子主題 - jquery不工作

Question

我有bootstrap主題（使用subtheme），幷包括我自己的scripts.js文件（從我的.info），當我輸入代碼，如警報（「你好」）;那麼它工作正常。但是當我嘗試$（'＃edit-profile-teacher'）時沒有任何反應。hide（）;

在控制檯中沒有錯誤，我不知道爲什麼這麼基本的東西不工作。

我使用jQuery更新模塊，並將它設置爲1.7

乾杯， 加里。

Answer 1

爲了在drupal中工作，我不得不在jquery中包裝它。

(function($){ 
$(document).ready(function(){ 
    //your stuff here 
    alert('what up?!'); 
    $('#edit-profile-teacher').hide(); 
}); 
}(jQuery)); 

Answer 2

您應該通過擴展Drupal的行爲來提供所有JS代碼;像這樣：

(function ($) { 
    Drupal.behaviors.MyCustomTheme = { 
    attach: function (context, settings) { 

     // Do anything you want here. 
     $('#some-selector').hide(); 

    } 
    }; 
})(jQuery); 

雖然其他方法將工作（例如剛剛在添加文檔加載），這是在Drupal的主題添加JS的正確方法。