TypeError: $ không phải là hàm khi gọi hàm jQuery

Tôi có một tập lệnh jQuery đơn giản trong một plugin WordPress đang sử dụng trình bao bọc jQuery như thế này:

$(document).ready(function(){

    // jQuery code is in here

});

Tôi đang gọi tập lệnh này từ trong Bảng điều khiển WordPress và đang tải nó SAU khung jQuery đã được tải.

Khi tôi kiểm tra trang trong Fireorms, tôi liên tục nhận được thông báo lỗi:

LoạiError: $ không phải là một hàm

$ (tài liệu). yet (function () {

Tôi có nên gói kịch bản trong chức năng này:

(function($){

    // jQuery code is in here

})(jQuery);

Tôi đã gặp lỗi này khá nhiều lần và không biết phải xử lý như thế nào.

Mọi sự trợ giúp sẽ rất được trân trọng.

Theo mặc định khi bạn sử dụng jQuery trong Wordpress, bạn phải sử dụng jQueryvà $không được sử dụng (điều này là để tương thích với các thư viện khác).

Giải pháp gói nó của functionbạn sẽ hoạt động tốt hoặc bạn có thể tải jQuery theo một cách khác (nhưng có lẽ đó không phải là một ý tưởng hay trong Wordpress).

Nếu bạn phải sử dụng document.ready, bạn thực sự có thể chuyển $vào lệnh gọi hàm:

jQuery(function ($) { ...

Điều này sẽ sửa nó:

jQuery(document).ready(function($){
  //you can now use $ as your jQuery object.
  var body = $( 'body' );
});

Nói một cách đơn giản, WordPress chạy kịch bản của riêng họ trước khi bạn có thể và họ phát hành $var để nó không va chạm với các thư viện khác. Điều này hoàn toàn có ý nghĩa, vì WordPress được sử dụng cho tất cả các loại trang web, ứng dụng và tất nhiên là blog.

Từ tài liệu của họ:

Thư viện jQuery đi kèm với WordPress được đặt ở chế độ noConflict () (xem wp-gồm / js / jquery / jquery.js). Điều này là để ngăn chặn các vấn đề tương thích với các thư viện JavaScript khác mà WordPress có thể liên kết.

Trong chế độ noConflict (), phím tắt $ toàn cầu cho jQuery không khả dụng ...

Giải pháp này hiệu quả với tôi

;(function($){
    // your code
})(jQuery);

Di chuyển mã của bạn bên trong bao đóng và sử dụng $thay vìjQuery

Tôi đã tìm thấy giải pháp trên trong /magento/33348/uncaught-typeerror-undained-is-not-a-feft-when-USE-a-jquery-plugin-in-ma

... sau khi tìm kiếm quá nhiều

Bạn có thể tránh xung đột như thế này

var jq=jQuery.noConflict();
jq(document).ready(function(){  
  alert("Hi this will not conflict now");
  jq('selector').show();
});

var $=jQuery.noConflict();

$(document).ready(function(){
    // jQuery code is in here
});

Tín dụng cho Ashwani Panwar và Cyssoo trả lời: https://stackoverflow.com/a/29341144/3010027

Thử cái này:

<script language="JavaScript" type="text/javascript" src="jquery/jquery.js"></script>
<script>
    jQuery.noConflict();
    (function ($) {
        function readyFn() {
            // Set your code here!!
        }

        $(document).ready(readyFn); 
    })(jQuery);

</script>

Bạn phải vượt qua $ trong hàm ()

<script>
jQuery(document).ready(function($){

// jQuery code is in here

});
</script>

thay thế $dấu bằng jQuery như thế này:

jQuery(function(){
//your code here
});

Kiểm tra kỹ các tham chiếu jQuery của bạn. Có thể là bạn đang tham chiếu nó nhiều lần hoặc bạn đang gọi hàm của mình quá sớm (trước khi jQuery được xác định). Bạn có thể thử như được đề cập trong các nhận xét của tôi và đặt bất kỳ tham chiếu jQuery nào ở đầu tệp của bạn (trong phần đầu) và xem điều đó có giúp ích không.

Nếu bạn sử dụng đóng gói jQuery thì không nên giúp đỡ trong trường hợp này. Vui lòng thử vì tôi nghĩ nó đẹp hơn và rõ ràng hơn, nhưng nếu jQuery không được xác định, bạn sẽ gặp các lỗi tương tự.

Cuối cùng ... jQuery hiện chưa được xác định.

Ngoài ra, tôi tìm thấy giải pháp tốt để sử dụng chế độ noConflict của jQuery.

(function($){

  $(document).ready(function(){
      // write code here
  });

  // or also you can write jquery code like this

  jQuery(document).ready(function(){
      // write code here
  });

})(jQuery);

Tôi tìm thấy giải pháp này từ đây. https: // thecoding ware.com/how-to-properly-use-jquery-noconflict-mode-in-wordpress/

Sử dụng

jQuery(document).

thay vì

$(document).

hoặc là

Trong hàm, $ trỏ tới jQuery như bạn mong đợi

(function ($) {
   $(document).
}(jQuery));

Những gì làm việc cho tôi. Thư viện đầu tiên để nhập là thư viện truy vấn và sau đó gọi phương thức jQuery.noConflict ().

<head>
 <script type="text/javascript" src="jquery.min.js"/>
 <script>
  var jq = jQuery.noConflict();
  jq(document).ready(function(){
  //.... your code here
    });
 </script>

(hàm ($) {
  "Sử dụng nghiêm ngặt";

  $ (hàm () {

    // Mã của bạn ở đây

  });

} (jQuery));

<script>
var jq=jQuery.noConflict();
(function ($) 
    {
    function nameoffunction()
    {
        // Set your code here!!
    }

    $(document).ready(readyFn); 
    })(jQuery);

Bây giờ sử dụng jq thay cho jQuery

Bạn gặp phải vấn đề này khi tên hàm của bạn và một trong các tên id trong tệp giống nhau. chỉ cần đảm bảo tất cả tên id của bạn trong tệp là duy nhất.

Bạn có thể dùng

jQuery(document).read(function(){ ... });

hoặc là

(function ($) { ... }(jQuery));