在Drupal 7中使用JQuery

Question

我正在编写自己的Drupal 7模块,并喜欢在其中使用JQuery.

$('#field').toggle();

但是我收到了这个错误:

TypeError: Property '$' of object [object DOMWindow] is not a function

似乎没有加载JQuery.否则应定义$.

虽然我实际上将它包含在标题中:

<script type="text/javascript" src="http://rockfinder.de/misc/jquery.js?v=1.4.4"></script>

我是否还必须在Drupal中激活JQuery？是否被Drupal覆盖？

那是网站:http://rockfinder.orgapage.de

Answer 1

从Drupal 7升级指南:

通过在现有代码周围添加一个小包装器,Javascript应该与jQuery之外的其他库兼容:

(function ($) {
  // Original JavaScript code.
})(jQuery);

$ global将不再引用jquery对象.但是,使用这种结构,局部变量$将引用jquery,允许您的代码通过$访问jQuery,而代码不会与使用$ global的其他库冲突.

您也可以在代码中使用'jQuery'变量而不是$ variable.

Answer 2

根据Firebug,您的jQuery文件正在加载:

但是$被其他东西覆盖了:

你应该做的是使用$一个函数封装变量的使用,该函数使用jQuery对象作为第一个实际参数来调用自身:

(function ($) {

 // in this function, you can use the $ which refers to the jQuery object

}(jQuery));

Answer 3

有可能你的脚本没有这样初始化,你必须使用Drupal.behaviors.YOURTHEMENAME

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

/*Add your js code here*/
alert('Code');

}

};
})(jQuery);