爲什麼我得到'$ 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();