JQuery中的ready函數(shù)沖突的解決方法
更新時間：2010年05月17日 23:41:38 作者：
jQuery確實是一個提高前端開發(fā)效率的好框架（雖然很多大牛們都說它效率不咋地），但是用好它有時候并不容易，也許你也遇到過以下情況
一個aspx頁面通常可以包含其它ascx控件，如果在多人協(xié)同開發(fā)的情況下：程序員小張在控件A.ascx中使用了 $().ready(function{})，而程序員小王又在控件B.ascx中也使用了ready函數(shù)，程序員小李在做頁面時，把A.ascx,B.ascx都拖到自己的頁面中，然后在頁面中也需要用到$().ready函數(shù)，這下好了：
雖然jQuery本身的設(shè)計還算不錯，document加載完成后會依次觸發(fā)各個ready中定義的function(這一點很好，不象javascript中默認(rèn)后面的同名函數(shù)會覆蓋前面的函數(shù)定義)，但是如果某個程序員希望自己的ready部分先執(zhí)行(或者這三個程序員各自的ready處理有嚴(yán)格先后順序時)，這個怎么辦呢？
其實這個也不難，可以利用setTimeOut讓某個程序員的ready部分延時執(zhí)行
$().ready(function(){
setTimeout(Test1, 50);//延時50毫秒后再執(zhí)行本函數(shù)
})
$().ready(function(){
Test2();
})
function Test1(){
alert("腳本之家");
}
function Test2(){
alert("m.fzitv.net");
}
樣就行了，本來應(yīng)該是先彈出1,再彈出2的，利用延時觸發(fā)后，就成了先彈出2,再彈出1
雖然jQuery本身的設(shè)計還算不錯，document加載完成后會依次觸發(fā)各個ready中定義的function(這一點很好，不象javascript中默認(rèn)后面的同名函數(shù)會覆蓋前面的函數(shù)定義)，但是如果某個程序員希望自己的ready部分先執(zhí)行(或者這三個程序員各自的ready處理有嚴(yán)格先后順序時)，這個怎么辦呢？
其實這個也不難，可以利用setTimeOut讓某個程序員的ready部分延時執(zhí)行
復(fù)制代碼 代碼如下:
$().ready(function(){
setTimeout(Test1, 50);//延時50毫秒后再執(zhí)行本函數(shù)
})
$().ready(function(){
Test2();
})
function Test1(){
alert("腳本之家");
}
function Test2(){
alert("m.fzitv.net");
}
樣就行了，本來應(yīng)該是先彈出1,再彈出2的，利用延時觸發(fā)后，就成了先彈出2,再彈出1
您可能感興趣的文章:
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實現(xiàn)按需加載css,js實例代碼
- jquery ready函數(shù)、css函數(shù)及text()使用示例
- jquery ready(fn)事件使用介紹
- JQuery onload、ready概念介紹及使用方法
- jQuery之$(document).ready()使用介紹
- jQuery 源碼分析筆記(4) Ready函數(shù)
- jQuery ready函數(shù)濫用分析
- Jquery知識點一 Jquery的ready和Dom的onload的區(qū)別
- jquery ready()的幾種實現(xiàn)方法小結(jié)
- jquery的$(document).ready()和onload的加載順序
- 比Jquery的document.ready更快的方法
- JQuery 引發(fā)兩次$(document.ready)事件
- jquery $(document).ready() 與window.onload的區(qū)別
- JQuery下關(guān)于$.Ready()的分析
- 提取jquery的ready()方法單獨使用示例
相關(guān)文章
這篇文章主要為大家詳細(xì)介紹了jQuery實現(xiàn)視頻展示效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-05-05
下面是個應(yīng)用的小例子用來統(tǒng)一處理ajax請求中利用完全透明遮罩層組織用戶和界面元素交換，當(dāng)ajax出錯時提示用戶2010-08-08
jQuery提供了強大的選擇器讓我們獲取對象。在這邊，我人為地將jQuery選擇器分為兩大部分：選擇對象和篩選條件。選擇對象表示要獲取什么對象，篩選條件是對獲取的對象進(jìn)行篩選，最終留下符合某些特征的對象2013-08-08
jQuery使用hide方法隱藏指定元素class樣式用法實例
這篇文章主要介紹了jQuery使用hide方法隱藏指定元素class樣式,實例分析了jQuery中hide隱藏class樣式的技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-03-03
本篇文章主要是對使用jQuery與JSONP輕松解決跨域訪問的問題進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來參考下，希望對大家有所幫助2014-02-02
jQuery實現(xiàn)節(jié)點的追加、替換、刪除、復(fù)制功能示例
這篇文章主要介紹了jQuery實現(xiàn)節(jié)點的追加、替換、刪除、復(fù)制功能,結(jié)合具體實例形式分析了jQuery針對DOM節(jié)點的操作技巧,涉及append()、prepend()、replaceAll()、replaceWith()empty()、remove()、clone()、clone()等方法的使用技巧,需要的朋友可以參考下2017-07-07
JQuery動態(tài)創(chuàng)建DOM、表單元素的實現(xiàn)代碼
代碼很簡單，直接上代碼。別忘記引用JQuery包。2011-08-08
jquery層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)
下面小編就為大家?guī)硪黄猨query層級選擇器(匹配父元素下的子元素實現(xiàn)代碼)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
在淘寶購物的時候，發(fā)現(xiàn)里面有一個菜單，是查看“評論，物品信息”等的一個菜單。由于頁面太長，所以它做了一個菜單定位2012-05-05
jQuery 選擇同時包含兩個class的元素的實現(xiàn)方法
下面小編就為大家?guī)硪黄猨Query 選擇同時包含兩個class的元素的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06