管理綁定jQuery的第三方JavaScript庫

Question

我正在致力於一個網站全球化項目，該項目涉及（我們的供應商）要求我們的客戶在其家庭/原始網站上插入腳本標籤。腳本標記是幫助我們的客戶走向全球所必需的，部分解決方案體現了基於特定最終用戶標準觸發的用戶界面。

UI是通過jQuery的幫助構建的，我們真的不能指望我們的客戶在他們的頁面上插入，更不用說版本不匹配將很難解決。因此，我們的第三方庫下載它自己的jQuery版本，儘管命名空間不同以避免任何衝突。然而，這種機制要求我們重新命名所有jQuery實例，以幫助我們避免與另一個jQuery實例（如果存在）發生名稱衝突，並使得我們的jQuery（下面示例中的MY_Query）變得非常困難管理，更不用說升級了。

例如

jQuery = window.jQuery = window.$ = function(selector, context) { 
    // The jQuery object is actually just the init constructor 'enhanced' 
    return new jQuery.fn.init(selector, context); 
}, 
. 
. 
. 
jQuery.fn = jQuery.prototype = ... 

成爲

MY_JQuery = window.MY_JQuery = window.MY_Q = function(selector, context) { 
    // The MY_JQuery object is actually just the init constructor 'enhanced' 
    return new MY_JQuery.fn.init(selector, context); 
}, 
. 
. 
. 
MP_JQuery.fn = MP_JQuery.prototype = ... 

在一個理想的世界裏，我們和客戶端將有jQuery的單一版本的網站上，我們都將用它來我們的優點。但是，這意味着jQuery的升級需要雙方進行大量測試（而包含嚴重的jQuery版本），並且任何插件都需要客戶端向其站點添加適當的腳本標籤，這引發了雙方之間的政治爭論在什麼版本贏。

那麼，我可以在客戶端網站上管理我們的jQuery版本（帶插件），而不必用上面提到的約束來重新命名像MY_Query之類的所有jQuery實例？

Answer 1

爲什麼不檢查他們是否已經包含在頁面上的jQuery，如果沒有動態加載呢？如果你知道的基本級別的jQuery您可以根據需要檢查的是這樣的：

if(!jQuery || !jQuery.fn.jquery === "1.4.4"){ 
    var url = "http://code.jquery.com/jquery-1.4.4.js"; 
    var script = document.createElement('script'); 
    script.type = 'text/javascript'; 
    script.src = url; 
    document.body.appendChild(script); 
} 

你可能會想改善的版本檢測，以確保它不會有一個版本1.4.4之後，但我敢肯定，你可以寫代碼爲自己;-)根據反饋

所以，你需要保持在頁面上的jQuery的多個版本

====編輯。你有沒有嘗試過這樣的事情：

var original_jquery = $().noConflict(); 
original_jquery.getScript("http://code.jquery.com/jquery-1.4.4.js"); 
var new_jquery = $().noConflict(); 
window.$ = original_jquery; 

然後使用new_jquery作爲你的jQuery版本嗎？我沒有測試過，看看它是否可行，但你可能會有一些運氣。

====最後編輯

正如你所說，我的javascript上面是不完全正確的，所以我在控制檯嘗試了幾件事情。是的，你不需要保存舊版本的jQuery，因爲jQuery在noConflict方法中實現了這一點。所以就叫getScript加入，然後noConflict但保存到一個新的變量：

>> $.fn.jquery 
"1.4.2" 
>> $.getScript("http://code.jquery.com/jquery-1.4.4.js"); 
undefined 
>> $.fn.jquery 
"1.4.4" 
>> var new_jquery = $.noConflict(); 
undefined 
>> new_jquery.fn.jquery 
"1.4.4" 
>> $.fn.jquery 
"1.4.2" 

Answer 2

您是否嘗試過使用JQuery.noConflict()。這聽起來像它可以幫助你。