JQuery中的ready函数冲突的解决方法
作者：
jQuery确实是一个提高前端开发效率的好框架（虽然很多大牛们都说它效率不咋地），但是用好它有时候并不容易，也许你也遇到过以下情况
一个aspx页面通常可以包含其它ascx控件，如果在多人协同开发的情况下：程序员小张在控件A.ascx中使用了 $().ready(function{})，而程序员小王又在控件B.ascx中也使用了ready函数，程序员小李在做页面时，把A.ascx,B.ascx都拖到自己的页面中，然后在页面中也需要用到$().ready函数，这下好了：
虽然jQuery本身的设计还算不错，document加载完成后会依次触发各个ready中定义的function(这一点很好，不象javascript中默认后面的同名函数会覆盖前面的函数定义)，但是如果某个程序员希望自己的ready部分先执行(或者这三个程序员各自的ready处理有严格先后顺序时)，这个怎么办呢？
其实这个也不难，可以利用setTimeOut让某个程序员的ready部分延时执行
$().ready(function(){
setTimeout(Test1, 50);//延时50毫秒后再执行本函数
})
$().ready(function(){
Test2();
})
function Test1(){
alert("脚本之家");
}
function Test2(){
alert("www.jb51.net");
}
样就行了，本来应该是先弹出1,再弹出2的，利用延时触发后，就成了先弹出2,再弹出1
虽然jQuery本身的设计还算不错，document加载完成后会依次触发各个ready中定义的function(这一点很好，不象javascript中默认后面的同名函数会覆盖前面的函数定义)，但是如果某个程序员希望自己的ready部分先执行(或者这三个程序员各自的ready处理有严格先后顺序时)，这个怎么办呢？
其实这个也不难，可以利用setTimeOut让某个程序员的ready部分延时执行
复制代码 代码如下:
$().ready(function(){
setTimeout(Test1, 50);//延时50毫秒后再执行本函数
})
$().ready(function(){
Test2();
})
function Test1(){
alert("脚本之家");
}
function Test2(){
alert("www.jb51.net");
}
样就行了，本来应该是先弹出1,再弹出2的，利用延时触发后，就成了先弹出2,再弹出1
您可能感兴趣的文章:
- jquery中的$(document).ready()使用小结
- Jquery中"$(document).ready(function(){ })"函数的使用详解
- JQuery的ready函数与JS的onload的区别详解
- 模拟jQuery中的ready方法及实现按需加载css,js实例代码
- jquery ready函数、css函数及text()使用示例
- jquery ready(fn)事件使用介绍
- JQuery onload、ready概念介绍及使用方法
- jQuery之$(document).ready()使用介绍
- jQuery 源码分析笔记(4) Ready函数
- jQuery ready函数滥用分析
- Jquery知识点一 Jquery的ready和Dom的onload的区别
- jquery ready()的几种实现方法小结
- jquery的$(document).ready()和onload的加载顺序
- 比Jquery的document.ready更快的方法
- JQuery 引发两次$(document.ready)事件
- jquery $(document).ready() 与window.onload的区别
- JQuery下关于$.Ready()的分析
- 提取jquery的ready()方法单独使用示例