JQuery中的ready函數(shù)沖突的解決方法
更新時(shí)間:2010年05月17日 23:41:38 作者:
jQuery確實(shí)是一個(gè)提高前端開發(fā)效率的好框架(雖然很多大牛們都說它效率不咋地),但是用好它有時(shí)候并不容易,也許你也遇到過以下情況
一個(gè)aspx頁面通??梢园渌黙scx控件,如果在多人協(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("腳本之家");
}
function Test2(){
alert("www.dbjr.com.cn");
}
樣就行了,本來應(yīng)該是先彈出1,再彈出2的,利用延時(shí)觸發(fā)后,就成了先彈出2,再彈出1
雖然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í)行
復(fù)制代碼 代碼如下:
$().ready(function(){
setTimeout(Test1, 50);//延時(shí)50毫秒后再執(zhí)行本函數(shù)
})
$().ready(function(){
Test2();
})
function Test1(){
alert("腳本之家");
}
function Test2(){
alert("www.dbjr.com.cn");
}
樣就行了,本來應(yīng)該是先彈出1,再彈出2的,利用延時(shí)觸發(fā)后,就成了先彈出2,再彈出1
您可能感興趣的文章:
- jquery中的$(document).ready()使用小結(jié)
- Jquery中"$(document).ready(function(){ })"函數(shù)的使用詳解
- JQuery的ready函數(shù)與JS的onload的區(qū)別詳解
- 模擬jQuery中的ready方法及實(shí)現(xiàn)按需加載css,js實(shí)例代碼
- jquery ready函數(shù)、css函數(shù)及text()使用示例
- jquery ready(fn)事件使用介紹
- JQuery onload、ready概念介紹及使用方法
- jQuery之$(document).ready()使用介紹
- jQuery 源碼分析筆記(4) Ready函數(shù)
- jQuery ready函數(shù)濫用分析
- Jquery知識(shí)點(diǎn)一 Jquery的ready和Dom的onload的區(qū)別
- jquery ready()的幾種實(shí)現(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()方法單獨(dú)使用示例
相關(guān)文章
checkbox 選中一個(gè)另一個(gè)checkbox也會(huì)選中的實(shí)現(xiàn)代碼
本文給大家?guī)砹薱heckbox選擇器之checkbox 選中一個(gè)另一個(gè)checkbox也會(huì)選中的實(shí)現(xiàn)代碼 ,非常不錯(cuò),有需要的可以參考下2016-07-07JQuery使用$.ajax和checkbox實(shí)現(xiàn)下次不在通知功能
這篇文章主要介紹了JQuery使用$.ajax和checkbox實(shí)現(xiàn)下次不在通知功能,本文給出HTML代碼、JS代碼、和后端JAVA代碼完整示例,需要的朋友可以參考下2015-04-04jQuery html表格排序插件tablesorter使用方法詳解
這篇文章主要為大家詳細(xì)介紹了jQuery html表格排序插件tablesorter的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-02-02jQuery實(shí)現(xiàn)監(jiān)聽下拉框選中內(nèi)容發(fā)生改變操作示例
這篇文章主要介紹了jQuery實(shí)現(xiàn)監(jiān)聽下拉框選中內(nèi)容發(fā)生改變操作,結(jié)合實(shí)例形式分析了jQuery針對select選中觸發(fā)change事件相關(guān)操作技巧,需要的朋友可以參考下2018-07-07jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)添加表格tr td功能示例
這篇文章主要介紹了jQuery+ajax實(shí)現(xiàn)動(dòng)態(tài)添加表格tr td功能,結(jié)合實(shí)例形式分析了jQuery基于ajax動(dòng)態(tài)創(chuàng)建頁面table元素相關(guān)操作技巧,需要的朋友可以參考下2018-04-04jQuery實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲
這篇文章主要為大家詳細(xì)介紹了jQuery實(shí)現(xiàn)飛機(jī)大戰(zhàn)游戲,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05