JQuery中的ready函数冲突的解决方法


Posted in Javascript onMay 17, 2010

一个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("3water.com"); 
}

样就行了,本来应该是先弹出1,再弹出2的,利用延时触发后,就成了先弹出2,再弹出1
Javascript 相关文章推荐
json数据处理技巧(字段带空格、增加字段、排序等等)
Jun 14 Javascript
js判断屏幕分辨率的代码
Jul 16 Javascript
三种检测iPhone/iPad设备方向的方法
Apr 23 Javascript
Node.js中的事件驱动编程详解
Aug 16 Javascript
jQuery实现仿百度帖吧头部固定导航效果
Aug 07 Javascript
JavaScript测试工具之Karma-Jasmine的安装和使用详解
Dec 03 Javascript
Bootstrap每天必学之折叠
Apr 12 Javascript
浅谈JavaScript对象的创建方式
Jun 13 Javascript
在iframe中使bootstrap的模态框在父页面弹出问题
Aug 07 Javascript
JavaScript实现的原生态兼容IE6可调可控滚动文字功能详解
Sep 19 Javascript
薪资那么高的Web前端必看书单
Oct 13 Javascript
js使用文件流下载csv文件的实现方法
Jul 15 Javascript
jQuery 学习第七课 扩展jQuery的功能 插件开发
May 17 #Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 #Javascript
jQuery 学习第五课 Ajax 使用说明
May 17 #Javascript
jQuery实现的立体文字渐变效果
May 17 #Javascript
jQuery实现的类flash菜单效果代码
May 17 #Javascript
Jquery Select操作方法集合脚本之家特别版
May 17 #Javascript
JQuery select标签操作代码段
May 16 #Javascript
You might like
php实例分享之mysql数据备份
2014/05/19 PHP
如何实现修改密码时密码框显示保存到cookie的密码
2013/12/10 Javascript
20分钟成功编写bootstrap响应式页面 就这么简单
2016/05/12 Javascript
jQuery中 $ 符号的冲突问题及解决方案
2016/11/04 Javascript
jQuery控制控件文本的长度的操作方法
2016/12/05 Javascript
Javascript 高性能之递归,迭代,查表法详解及实例
2017/01/08 Javascript
简单实现js悬浮导航效果
2017/02/05 Javascript
Angular-Ui-Router+ocLazyLoad动态加载脚本示例
2017/03/02 Javascript
vue监听滚动事件实现滚动监听
2017/04/11 Javascript
Node.js  REPL (交互式解释器)实例详解
2017/08/06 Javascript
vue不通过路由直接获取url中参数的方法示例
2017/08/24 Javascript
Vue+Jwt+SpringBoot+Ldap完成登录认证的示例代码
2018/05/21 Javascript
element ui 表格动态列显示空白bug 修复方法
2018/09/04 Javascript
使用vue-router与v-if实现tab切换遇到的问题及解决方法
2018/09/07 Javascript
谈谈React中的Render Props模式
2018/12/06 Javascript
微信小程序自定义纯净模态框(弹出框)的实例代码
2020/03/09 Javascript
原生js实现无缝轮播图效果
2021/01/28 Javascript
用python代码做configure文件
2014/07/20 Python
使用selenium模拟登录解决滑块验证问题的实现
2019/05/10 Python
python读取Excel表格文件的方法
2019/09/02 Python
Python 实现OpenCV格式和PIL.Image格式互转
2020/01/09 Python
Python3连接Mysql8.0遇到的问题及处理步骤
2020/02/17 Python
通过实例解析Python文件操作实现步骤
2020/09/21 Python
scrapy实践之翻页爬取的实现
2021/01/05 Python
详解HTML5通讯录获取指定多个人的信息
2016/12/20 HTML / CSS
HTML5制作表格样式
2016/11/15 HTML / CSS
什么是属性访问器
2015/10/26 面试题
金融行业职业生涯规划范文
2014/01/17 职场文书
大学生的自我鉴定范文
2014/01/21 职场文书
视光学毕业生自荐书范文
2014/02/13 职场文书
婚前协议书范本
2014/10/27 职场文书
2014年党小组工作总结
2014/12/20 职场文书
拾金不昧感谢信
2015/01/21 职场文书
教师工作态度自我评价
2015/03/05 职场文书
2015年财务人员工作总结
2015/04/10 职场文书
2015年社区科普工作总结
2015/05/13 职场文书