jQuery Yakalanmamış TypeError: Nesnenin [nesne Penceresi] '$' özelliği bir işlev değil

Hepsi, önceden paketlenmiş bir JS / CSS form uygulaması indirdim ve bunu Wordpress'te kullanmaya çalışıyorum. Aşağıdaki kodu aldım:

$(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;
};


});

Wordpress'in hiçbir çatışmanın bir soruna neden olmadığını varsayıyordum, bu yüzden son parantezi aşağıdaki gibi görünecek şekilde güncelledim:

}, "jQuery");

Ancak yine de aynı hatayı alıyorum. Bu sorunu neyin çözeceğini ve nasıl çözüleceğini bilen var mı?

Şimdiden teşekkürler!

Bu bir sözdizimi sorunudur, WordPress ile birlikte gelen jQuery kitaplığı "çakışma yok" modunda yüklenir. Bu, WordPress'in yükleyebileceği diğer javascript kitaplıklarıyla uyumluluk sorunlarını önlemek içindir. "Çakışmasız" modunda, $ kısayolu kullanılamaz ve daha uzun jQuery kullanılır, yani

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

Fonksiyon çağrısından sonra parantez içine $ ekleyerek bu kısayolu kod bloğu içinde kullanabilirsiniz.

Tüm ayrıntılar için bkz. WordPress Codex

En sevdiğim çatışma dostu yapı:

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

JQuery'yi bir işlev işaretçisi ile çağırmak, $ (belge) için bir kısayoldur. Ready (...)

Veya kahvede dediğimiz gibi:

jQuery ($) ->
  # code here

Wordpress'te sadece değiştirin

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

ile

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

Theme functions.php dosyasına aşağıdakine benzer bir şey ekleyerek varsayılan WordPress jQuery komut dosyasını Google Kitaplığı ile değiştirmeyi düşünebilirsiniz:

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');

Buradan alınan kod: http://www.wpbeginner.com/wp-themes/replace-default-wordpress-jquery-script-with-google-library/

belki jquery'den önce böyle bir kodunuz var:

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

ve onlar çatışmaydı

$ 'ı (jQuery) olarak değiştirebilirsiniz