jquery - 使用 drupal 和 bootstrap 子主题 - jquery 不工作

Question

当我输入诸如 alert("hello"); 之类的代码时，我有引导主题（使用子主题）并包含了我自己的 scripts.js 文件（来自我的 .info）；然后它工作正常。但是当我尝试 $('#edit-profile-teacher').hide(); 时没有任何反应

控制台中没有错误，我不知道为什么这么基本的东西不起作用。

我正在使用 jquery 更新模块并将其设置为 1.7

干杯，加里。

Answer 1

您应该通过扩展 Drupal 行为来提供所有 JS 代码；像这样：

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

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

    }
  };
})(jQuery);

虽然其他方法也可以工作（例如，仅添加文档加载），但这是在 Drupal 主题中添加 JS 的正确方法。

Answer 2

我必须在其中包装 jquery 才能在 drupal 中工作。

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