我的思路是,在編寫獨立模塊的時候,注意將這些方法集成到$.tools對象中,接下來,在頁面中,調用控制器載入模塊,並在載入完成後判斷$.tools中對象的個數與預定義載入的模塊數是否相等,如不等繼續等待,如相等執行回調函數。
復制代碼 代碼如下:
/*
* LOADScript Mod
* Params url1,url2,url3,url4,fn
*/
jQuery.extend({
loadMod: function(){
var argleng = arguments.length,
arglast = arguments[argleng-1],
fn = false,
queue = [],
checknum = 0,
timer = null
// init
if(jQuery.isFunction(arglast)){argleng = argleng -1;fn=arglast;}
for (var i=0;i<argleng ;i++){
queue.push(arguments[i]);
}
// getscript
jQuery.each(queue,function(i,o){
jQuery.getScript(o);
});
// check load ready?
loadReady();
function loadReady(){
if(jQuery.tools != undefined){
checknum = 0;
$.each(jQuery.tools,function(i,n){
if(jQuery.isPlainObject(n)){checknum++;}
});
}
if(checknum != argleng){
clearTimeout(timer);
timer = setTimeout(loadReady, 100);
}else{
if(!!fn){fn.call(document.jQuery)}
}
}
}
});
// 使用方法
$.loadMod('a.js','b.js','c.js',function(){
alert('success!');
});