为什么我得到'$ is undefined'？

Question

我工作的一个WordPress站点和启动一些简单的sqripts：

(function() { 
    // Flex 
    if ($(".flexslider").length) { 
     $('.flexslider').flexslider(); 
    } 
})(jQuery); 

我也试过

$(function() { 
    // Flex 
    if ($(".flexslider").length) { 
     $('.flexslider').flexslider(); 
    } 
}); 

jQuery的运行，那么为什么不$认可？如果我用jQuery替换$，它工作正常。

这也是不工作：

jQuery(document).ready(function() { 

    $('.section_header').click(function(){ 
     alert('test'); 
    }); 
}); 

Answer 1

(function ($) { 
     // Flex 
     if ($(".flexslider").length) { 
      $('.flexslider').flexslider(); 
     } 
    })(jQuery); 

尝试此

顶部参数是将被用作在底部一个

因此，例如参考所述一个你可以做到这一点

(function (somethingHereCool) { 
    // Flex 
    if (somethingHereCool(".flexslider").length) { 
     somethingHereCool('.flexslider').flexslider(); 
    } 
})(jQuery); 

发生这种情况（主要是在WordPress）的原因是因为WordPress使用jQuery的$.noConflict() 通过Defualt

所以这基本上意味着，$不属于jQuery的了，所以，你可以不喜欢它上面并重新定义了$您可以使用的范围。你基本上复制jQuery并给它$

Answer 2

$在jQuery中有不同的含义/功能。在我的.jsp文件中创建jQueries时，我注意到了这一点。我不确定$的设计是什么，但我在美元的地方使用jQuery

Answer 3

还有一个jQuery的nonConflict选项（请参阅：http://learn.jquery.com/using-jquery-core/avoid-conflicts-other-libraries/）。如果定义了nonConflict，则$不会被识别。

编辑：另外，如果“jQuery的（文件）。就绪（函数（）{”不工作或者我不认为jQuery是正确的实际连接（或者你做任何事情）之前

Answer 4

在WordPress的

jQuery(function($) { 
//code in here 
}); 

Answer 5

我下面的作品要添加到什么Connor said in his answer，这基本上是你需要的$作为传递参数的功能，以使用$为jQuery。

它不是默认的原因，是因为jQuery提供了一个选项disable$。当你使用一个不同的JS框架时，这个主要用于使用它自己的$变量的实现，所以不会产生冲突。

禁用使用$的jQuery。您需要编写以下内容，最好在导入jQuery库之后直接编写。在导入任何其他框架之前还应该导入其中。

jQuery.noConflict();