jQuery沒有衝突模式的額外功能

Question

我敢肯定，這是一個簡單的問題，似乎無法讓它正常工作。

我與jQuery有一些衝突，所以我使用官方文檔中提到的別名功能。

jQuery(document).ready(function($){ 
    $('.loadmore').addClass('hidden'); // works fine! 

    loadmore(); 

}); 

function loadmore(){ 
    $('.loadmore').addClass('hidden'); // doesn't work! 
} 

我怎麼混疊爲我的代碼，我扔進功能更好地組織和重用的能力工作？由於上述示例中出現的問題，我目前正在使用jQuery而不是$。以爲我可以保存一些數據並使用所有教程中顯示的別名。

Answer 1

jQuery的任何衝突模式基本設置$功能不同的名稱，例如：

$('select something').doSomethingElse(); // Works 
var $j = jQuery.noConfilct(); 
$('select something').doSomethingElse(); // Doesn't work 
$j('select something').doSomethingElse(); // Works 

如果你不希望使用$以外的名稱爲jQuery的你可以這樣做：

(function ($) { 
    $('selector').doSomething(); 
    $('another selector').doSomethingElse(); 
}(jQuery)); 

這使得jQuery = $，但只有內部括號的，讓你像往常一樣工作，永遠不會導致衝突。

Answer 2

你可以試試這個...

(function($) { 

// Put all your jQuery here... and you can use $ 

})(jQuery); 

Answer 3

在這種情況下，你可以通過$給你的函數。

jQuery(document).ready(function($){ 
    $('.loadmore').addClass('hidden'); // works fine! 

    loadmore($); 

}); 

function loadmore($){ 
    $('.loadmore').addClass('hidden'); // should work fine too! 
}