包含jQuery庫的jQuery插件文件

Question

理想情況下，我希望包含該插件的js文件也包括jquery庫。

我打了幾個機制都沒有成功，XHR腳本注入基本的腳本注入，如：

myplugin.js：

var scriptElem = document.createElement('script'); 
scriptElem.src = 'jquery-1.6.1.js'; 
document.getElementsByTagName('head')[0].appendChild(scriptElem); 

(function() { 
    jQuery.fn.myplugin = function() { 
     ... 
    } 
})(); 

當然jQuery的的不會是及時定義。

有什麼建議嗎？

Answer 1

將jquery庫複製到與插件相同的文件的頂部？

請注意，如果你採取了這個（不推薦的方法），你應該使用noConflict並將一些個人變量分配給jquery引用，例如。

var $myjQuery = jQuery.noConflict(); 

，並使用你的插件本參考，而不是僅僅$或jQuery的

Answer 2

，你不應該在你的插件的jQuery jQuery是一個要求或依賴於使用插件。你應該永不包括它在你的插件！如果包含它，這將強制用戶使用特定版本的jquery，甚至可能導致問題。

Answer 3

我不確定這是否是最佳做法，我會親自離開jQuery包含開發人員使用我的插件。

但如果你堅持... :)

你應該用2個文件，一個是你的插件，其他的將只是一個裝載機：

myplugin_loader.js

var scriptElem; 

if(!window.jQuery){ 
    // Include jQuery if it's not already loaded 
    scriptElem = document.createElement('script'); 
    scriptElem.src = 'jquery-1.6.1.js'; 
    scriptElem.type = 'text/javascript'; 
    document.getElementsByTagName('head')[0].appendChild(scriptElem); 
} 

// Include the main plugin after jQuery 
scriptElem = document.createElement('script'); 
scriptElem.src = 'myplugin.js'; 
scriptElem.type = 'text/javascript'; 
document.getElementsByTagName('head')[0].appendChild(scriptElem); 

myplugin.js

(function() { 
    jQuery.fn.myplugin = function() { 
     ... 
    } 
})(); 

如果jQuery是肯定加載，你可以使用myplugin.js，如有疑問，請包括myplugin_loader.js。雖然如我所說，我會建議反對它。