jQuery Uncaught TypeError：对象[对象窗口]的属性'$'不是函数

Question

jQuery Uncaught TypeError：对象[对象窗口]的属性'$'不是函数全部，我下载了一个预先绑定的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();         });     });我假设Wordpress没有冲突导致问题，所以我更新了最后一个括号，如下所示：}, "jQuery");但是，我仍然遇到同样的错误。有谁知道会出现什么问题以及如何解决这个问题？提前致谢！

Answer 1

这是一个语法问题，WordPress附带的jQuery库以“无冲突”模式加载。这是为了防止WordPress可以加载的其他JavaScript库的兼容性问题。在“无混淆”模式下，$快捷方式不可用，并且使用了更长的jQuery，即

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

通过在函数调用后包含$ in括号，您可以在代码块中使用此快捷方式。

有关详细信息，请参阅WordPress Codex

Answer 2

我最喜欢的不冲突友好的构造：

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

使用函数指针调用jQuery是$（document）.ready（...）的快捷方式

或者正如我们在coffeescript中所说：

jQuery ($) ->
  # code here

Answer 3

在Wordpress中只需更换

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

同

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