jQuery noConflict模式

Question

我想在Joomla網站上使用jQuery，而Joomla在noConflict模式下加載jQuery。我試圖將我的代碼包裝在(function($){ ... })(jQuery);中。

這工作：

function calculate() 
{ 
    var de = document.calculator.de.value; 
    var para = document.calculator.para.value; 
    var quantia = document.calculator.quantia.value; 
    var pais = jQuery("#para option:selected").text(); 
    var curr = (pais == "Brazil" ? "Reais" : "Euro"); 
    var tax = (pais == "Brazil" ? 0 : 3) 
    result = Math.round(quantia * para) + ' ' + curr; 
    jQuery('#result').text(result); 
    e.preventDefault(); 
    return false; 
} 

這不起作用（未捕獲的ReferenceError：不定義計算）：

(function($){ 
function calculate() 
{ 
    var de = document.calculator.de.value; 
    var para = document.calculator.para.value; 
    var quantia = document.calculator.quantia.value; 
    var pais = $("#para option:selected").text(); 
    var curr = (pais == "Brazil" ? "Reais" : "Euro"); 
    var tax = (pais == "Brazil" ? 0 : 3) 
    result = Math.round(quantia * para) + ' ' + curr; 
    $('#result').text(result); 
    e.preventDefault(); 
    return false; 
} 
})(jQuery); 

我可能缺少一個小細節，但我在哪裏我錯了？

Answer 1

函數calculate是閉包的局部。最好的解決方案是將所有的代碼放入關閉中。如果這是不可能的，你可以通過功能分配給window：

window.calculate = calculate; 

您也可以從封閉返回，然後將其分配給calculate變量：

calculate = (function($) { 
    ... 
    return calculate; 
})(jQuery);