JQuery中的ready函數(shù)沖突的解決方法

2024-05-06 14:10:00

字體：大中小

供稿：網(wǎng)友

一個(gè)aspx頁面通常可以包含其它ascx控件，如果在多人協(xié)同開發(fā)的情況下：程序員小張?jiān)诳丶嗀.ascx中使用了 $().ready(function{})，而程序員小王又在控件B.ascx中也使用了ready函數(shù)，程序員小李在做頁面時(shí)，把A.ascx,B.ascx都拖到自己的頁面中，然后在頁面中也需要用到$().ready函數(shù)，這下好了：

雖然jQuery本身的設(shè)計(jì)還算不錯(cuò)，document加載完成后會(huì)依次觸發(fā)各個(gè)ready中定義的function(這一點(diǎn)很好，不象javascript中默認(rèn)后面的同名函數(shù)會(huì)覆蓋前面的函數(shù)定義)，但是如果某個(gè)程序員希望自己的ready部分先執(zhí)行(或者這三個(gè)程序員各自的ready處理有嚴(yán)格先后順序時(shí))，這個(gè)怎么辦呢？

其實(shí)這個(gè)也不難，可以利用setTimeOut讓某個(gè)程序員的ready部分延時(shí)執(zhí)行

代碼如下:
$().ready(function(){
setTimeout(Test1, 50);//延時(shí)50毫秒后再執(zhí)行本函數(shù)
})

$().ready(function(){
Test2();
})

function Test1(){
alert("錯(cuò)新站長站");
}

function Test2(){
alert("www.survivalescaperooms.com");
}

樣就行了，本來應(yīng)該是先彈出1,再彈出2的，利用延時(shí)觸發(fā)后，就成了先彈出2,再彈出1

上一篇：Javascript Object.extend

下一篇：js 復(fù)制或插入Html的實(shí)現(xiàn)方法小結(jié)