jQuery Uncaught TypeError: Thuộc tính '$' của đối tượng [object Window] không phải là một hàm

Tất cả, tôi đã tải xuống một ứng dụng biểu mẫu JS / CSS được phân nhóm sẵn và tôi đang cố gắng sử dụng nó trong Wordpress. Tôi có mã sau:

$(document).ready(function () {


/*----------------------------------------------------------------------*/
/* Parse the data from an data-attribute of DOM Elements
/*----------------------------------------------------------------------*/


$.parseData = function (data, returnArray) {
    if (/^\[(.*)\]$/.test(data)) { //array
        data = data.substr(1, data.length - 2).split(',');
    }
    if (returnArray && !$.isArray(data) && data != null) {
        data = Array(data);
    }
    return data;
};

/*----------------------------------------------------------------------*/
/* Image Preloader
/* http://engineeredweb.com/blog/09/12/preloading-images-jquery-and-javascript
/*----------------------------------------------------------------------*/



// Arguments are image paths relative to the current page.
$.preload = function() {
    var cache = [],
        args_len = arguments.length;
    for (var i = args_len; i--;) {
        var cacheImage = document.createElement('img');
        cacheImage.src = arguments[i];
        cache.push(cacheImage);
    }
};


/*----------------------------------------------------------------------*/
/* fadeInSlide by revaxarts.com
/* Fades out a box and slide it up before it will get removed
/*----------------------------------------------------------------------*/


$.fn.fadeInSlide = function (speed, callback) {
    if ($.isFunction(speed)) callback = speed;
    if (!speed) speed = 200;
    if (!callback) callback = function () {};
    this.each(function () {

        var $this = $(this);
        $this.fadeTo(speed / 2, 1).slideDown(speed / 2, function () {
            callback();
        });
    });
    return this;
};


/*----------------------------------------------------------------------*/
/* fadeOutSlide by revaxarts.com
/* Fades out a box and slide it up before it will get removed
/*----------------------------------------------------------------------*/


$.fn.fadeOutSlide = function (speed, callback) {
    if ($.isFunction(speed)) callback = speed;
    if (!speed) speed = 200;
    if (!callback) callback = function () {};
    this.each(function () {

        var $this = $(this);
        $this.fadeTo(speed / 2, 0).slideUp(speed / 2, function () {
            $this.remove();
            callback();
        });
    });
    return this;
};

/*----------------------------------------------------------------------*/
/* textFadeOut by revaxarts.com
/* Fades out a box and slide it up before it will get removed
/*----------------------------------------------------------------------*/


$.fn.textFadeOut = function (text, delay, callback) {
    if (!text) return false;
    if ($.isFunction(delay)) callback = delay;
    if (!delay) delay = 2000;
    if (!callback) callback = function () {};
    this.each(function () {

        var $this = $(this);
        $this.stop().text(text).show().delay(delay).fadeOut(1000,function(){
            $this.text('').show();
            callback();
        })
    });
    return this;
};

/*----------------------------------------------------------------------*/
/* leadingZero by revaxarts.com
/* adds a leding zero if necessary
/*----------------------------------------------------------------------*/


$.leadingZero = function (value) {
    value = parseInt(value, 10);
    if(!isNaN(value)) {
        (value < 10) ? value = '0' + value : value;
    }
    return value;
};


});

Tôi đã giả định rằng Wordpress không có xung đột gây ra sự cố vì vậy tôi đã cập nhật dấu ngoặc cuối cùng trông giống như sau:

}, "jQuery");

Tuy nhiên, tôi vẫn nhận được lỗi tương tự. Có ai biết điều gì sẽ dẫn đến vấn đề này và làm thế nào để giải quyết nó?

Cảm ơn trước!

Đây là vấn đề về cú pháp, thư viện jQuery đi kèm với WordPress tải ở chế độ "không xung đột". Điều này là để ngăn chặn sự cố tương thích với các thư viện javascript khác mà WordPress có thể tải. Trong chế độ "no-confict", phím tắt $ không khả dụng và jQuery lâu hơn được sử dụng, tức là

jQuery(document).ready(function ($) {

Bằng cách bao gồm $ trong ngoặc đơn sau lệnh gọi hàm, bạn có thể sử dụng phím tắt này trong khối mã.

Để biết chi tiết đầy đủ, hãy xem WordPress Codex

Cấu trúc không thân thiện với xung đột yêu thích của tôi:

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

Gọi jQuery bằng con trỏ hàm là một phím tắt cho $ (document) .ready (...)

Hoặc như chúng tôi nói trong coffeescript:

jQuery ($) ->
  # code here

Trong Wordpress chỉ cần thay thế

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

với

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

Bạn có thể cân nhắc thay thế tập lệnh jQuery WordPress mặc định bằng Thư viện Google bằng cách thêm một cái gì đó như sau vào tệp chủ đề functions.php:

function modify_jquery() {
    if (!is_admin()) {
        wp_deregister_script('jquery');
        wp_register_script('jquery', 'http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js', false, '1.10.2');
        wp_enqueue_script('jquery');
    }
}
add_action('init', 'modify_jquery');

Mã lấy từ đây: http://www.wpbeginner.com/wp-themes/replace-default-wordpress-jquery-script-with-google-library/

có thể bạn có mã như thế này trước jquery:

var $jq=jQuery.noConflict();
$jq('ul.menu').lavaLamp({
    fx: "backout", 
    speed: 700
});

và họ đã xung đột

bạn có thể thay đổi $ thành (jQuery)