JQuery中的ready函數(shù)沖突的解決方法
更新時間:2010年05月17日 23:41:38 作者:
jQuery確實是一個提高前端開發(fā)效率的好框架(雖然很多大牛們都說它效率不咋地),但是用好它有時候并不容易,也許你也遇到過以下情況
一個aspx頁面通??梢园渌黙scx控件,如果在多人協(xié)同開發(fā)的情況下:程序員小張在控件A.ascx中使用了 $().ready(function{}),而程序員小王又在控件B.ascx中也使用了ready函數(shù),程序員小李在做頁面時,把A.ascx,B.ascx都拖到自己的頁面中,然后在頁面中也需要用到$().ready函數(shù),這下好了:
雖然jQuery本身的設計還算不錯,document加載完成后會依次觸發(fā)各個ready中定義的function(這一點很好,不象javascript中默認后面的同名函數(shù)會覆蓋前面的函數(shù)定義),但是如果某個程序員希望自己的ready部分先執(zhí)行(或者這三個程序員各自的ready處理有嚴格先后順序時),這個怎么辦呢?
其實這個也不難,可以利用setTimeOut讓某個程序員的ready部分延時執(zhí)行
$().ready(function(){
setTimeout(Test1, 50);//延時50毫秒后再執(zhí)行本函數(shù)
})
$().ready(function(){
Test2();
})
function Test1(){
alert("腳本之家");
}
function Test2(){
alert("www.dbjr.com.cn");
}
樣就行了,本來應該是先彈出1,再彈出2的,利用延時觸發(fā)后,就成了先彈出2,再彈出1
雖然jQuery本身的設計還算不錯,document加載完成后會依次觸發(fā)各個ready中定義的function(這一點很好,不象javascript中默認后面的同名函數(shù)會覆蓋前面的函數(shù)定義),但是如果某個程序員希望自己的ready部分先執(zhí)行(或者這三個程序員各自的ready處理有嚴格先后順序時),這個怎么辦呢?
其實這個也不難,可以利用setTimeOut讓某個程序員的ready部分延時執(zhí)行
復制代碼 代碼如下:
$().ready(function(){
setTimeout(Test1, 50);//延時50毫秒后再執(zhí)行本函數(shù)
})
$().ready(function(){
Test2();
})
function Test1(){
alert("腳本之家");
}
function Test2(){
alert("www.dbjr.com.cn");
}
樣就行了,本來應該是先彈出1,再彈出2的,利用延時觸發(fā)后,就成了先彈出2,再彈出1
您可能感興趣的文章:
- jquery中的$(document).ready()使用小結
- 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)方法小結
- jquery的$(document).ready()和onload的加載順序
- 比Jquery的document.ready更快的方法
- JQuery 引發(fā)兩次$(document.ready)事件
- jquery $(document).ready() 與window.onload的區(qū)別
- JQuery下關于$.Ready()的分析
- 提取jquery的ready()方法單獨使用示例
相關文章
checkbox 選中一個另一個checkbox也會選中的實現(xiàn)代碼
本文給大家?guī)砹薱heckbox選擇器之checkbox 選中一個另一個checkbox也會選中的實現(xiàn)代碼 ,非常不錯,有需要的可以參考下2016-07-07JQuery使用$.ajax和checkbox實現(xiàn)下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實現(xiàn)下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下2015-04-04jQuery html表格排序插件tablesorter使用方法詳解
這篇文章主要為大家詳細介紹了jQuery html表格排序插件tablesorter的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-02-02jQuery實現(xiàn)監(jiān)聽下拉框選中內容發(fā)生改變操作示例
這篇文章主要介紹了jQuery實現(xiàn)監(jiān)聽下拉框選中內容發(fā)生改變操作,結合實例形式分析了jQuery針對select選中觸發(fā)change事件相關操作技巧,需要的朋友可以參考下2018-07-07jQuery+ajax實現(xiàn)動態(tài)添加表格tr td功能示例
這篇文章主要介紹了jQuery+ajax實現(xiàn)動態(tài)添加表格tr td功能,結合實例形式分析了jQuery基于ajax動態(tài)創(chuàng)建頁面table元素相關操作技巧,需要的朋友可以參考下2018-04-04