jQuery Uncaught TypeError:object 的属性'$'不是一个函数
所有,我下载了一个预先捆绑的JS / CSS表单应用程序,我试图在Wordpress中使用它。 我有以下代码:
$(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的没有冲突是造成问题,所以我更新了最后一个括号,如下所示:
}, "jQuery");
不过,我仍然得到相同的错误。 有谁知道什么会造成这个问题,以及如何解决?
提前致谢!
这是一个语法问题,WordPress中包含的jQuery库以“无冲突”模式加载。 这是为了防止WordPress可以加载的其他JavaScript库的兼容性问题。 在“no-confict”模式下,$快捷方式不可用,并使用较长的jQuery,即
jQuery(document).ready(function ($) {
通过在函数调用后在括号中包含$,可以在代码块中使用这个快捷方式。
有关详细信息,请参阅WordPress Codex
我最喜欢的不冲突友好的结构:
jQuery(function($) { // ... });
用函数指针调用jQuery是$(document).ready(…)的快捷方式
或者正如我们在咖啡中所说:
jQuery ($) -> # code here
在WordPress的只是replace
$(function(){...});
同
jQuery(function(){...});
您可以考虑用Google Libraryreplace默认的WordPress jQuery脚本,在主题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');
取自以下代码: http : //www.wpbeginner.com/wp-themes/replace-default-wordpress-jquery-script-with-google-library/
也许你有这样的jQuery之前的代码:
var $jq=jQuery.noConflict(); $jq('ul.menu').lavaLamp({ fx: "backout", speed: 700 });
他们是冲突
你可以改变$(jQuery)