Sử dụng JQuery trong Drupal 7

Question

Tôi đang viết mô-đun Drupal 7 của riêng mình và muốn sử dụng JQuery trong đó.

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

Nhưng tôi nhận được lỗi này:

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

Dường như JQuery không được tải. Nếu không, $ phải được xác định.

Mặc dù tôi thực sự bao gồm nó trong tiêu đề:

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

Tôi có phải làm bất cứ điều gì khác để kích hoạt JQuery trong Drupal? Là $ được ghi đè bởi Drupal?

Đó là website: http://rockfinder.orgapage.de

Answer 1

From the Drupal 7 upgrade guide:

Javascript should be made compatible with other libraries than jQuery by adding a small wrapper around your existing code:

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

The $ global will no longer refer to the jquery object. However, with this construction, the local variable $ will refer to jquery, allowing your code to access jQuery through $ anyway, while the code will not conflict with other libraries that use the $ global.

Bạn cũng có thể chỉ sử dụng biến 'jQuery' thay vì biến $ trong mã của bạn.

Answer 2

Theo Firebug, file jQuery của bạn đang được nạp:

Nhưng $ đã được ghi đè bởi cái gì khác:

---

gì bạn cần làm là tóm lược việc sử dụng các biến $ với một hàm gọi riêng của mình bằng cách sử dụng đối tượng jQuery như đó là lần đầu tiên tranh luận thực tế:

(function ($) { 

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

}(jQuery)); 

Answer 3

Rất có thể kịch bản của bạn không được khởi tạo theo cách này, bạn sẽ phải sử dụng Drupal.behaviors.YOURTHEMENAME

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

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

} 

}; 
})(jQuery);  

Answer 4

"$ không phải là một chức năng" là một lỗi rất phổ biến mà bạn có thể gặp phải khi làm việc với jQuery. Bạn có thể thử bất kỳ câu trả lời của đưa ra dưới đây:

(function($){ 
//your can write your code here with $ prefix 
})(jQuery); 

HOẶC

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

Về cơ bản này sẽ cho phép mã của chúng tôi để chạy và sử dụng các phím tắt cho $ JQuery.