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 相关文章推荐
用js实现多域名不同文件的调用方法
Jan 12 Javascript
JS 显示当前日期与时间的代码
Mar 24 Javascript
自写的一个jQuery圆角插件
Oct 26 Javascript
jQuery.parseJSON(json)将JSON字符串转换成js对象
Jul 27 Javascript
js通过iframe加载外部网页的实现代码
Apr 05 Javascript
纯CSS3代码实现滑动开关效果
Aug 19 Javascript
基于vue+ bootstrap实现图片上传图片展示功能
May 17 Javascript
JS笛卡尔积算法与多重数组笛卡尔积实现方法示例
Dec 01 Javascript
浅谈 Vue 项目优化的方法
Dec 16 Javascript
解决vue-router进行build无法正常显示路由页面的问题
Mar 06 Javascript
vue.js实现的幻灯片功能示例
Jan 18 Javascript
简单了解微信小程序 e.target与e.currentTarget的不同
Sep 27 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环境――Appserv
2006/12/13 PHP
PHP生成Flash动画的实现代码
2010/03/12 PHP
在IIS7.0下面配置PHP 5.3.2运行环境的方法
2010/04/13 PHP
PHP发明人谈MVC和网站设计架构 貌似他不支持php用mvc
2011/06/04 PHP
使用Huagepage和PGO来提升PHP7的执行性能
2015/11/30 PHP
php基于数组函数实现关联表的编辑操作示例
2017/07/04 PHP
[原创]PHP获取数组表示的路径方法分析【数组转字符串】
2017/09/01 PHP
转换json格式的日期为Javascript对象的函数
2010/07/13 Javascript
一些常用弹出窗口/拖放/异步文件上传等实用代码
2013/01/06 Javascript
JS将表单导出成EXCEL的实例代码
2013/11/11 Javascript
使用不同的方法结合/合并两个JS数组
2014/09/18 Javascript
原生javascript实现图片按钮切换
2015/01/12 Javascript
JavaScript中apply方法的应用技巧小结
2016/09/29 Javascript
浅谈js控制li标签排序问题 js调用php函数的方法
2016/10/16 Javascript
微信小程序-拍照或选择图片并上传文件
2017/01/06 Javascript
详解vue 模拟后台数据(加载本地json文件)调试
2017/08/25 Javascript
Vue官方文档梳理之全局配置
2017/11/22 Javascript
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
Python编写检测数据库SA用户的方法
2014/07/11 Python
Python中的super用法详解
2015/05/28 Python
pandas 读取各种格式文件的方法
2018/06/22 Python
python编写简易聊天室实现局域网内聊天功能
2018/07/28 Python
Python实现监控Nginx配置文件的不同并发送邮件报警功能示例
2019/02/26 Python
Python3.6实现带有简单界面的有道翻译小程序
2019/04/16 Python
python实现最大子序和(分治+动态规划)
2019/07/05 Python
Django上使用数据可视化利器Bokeh解析
2019/07/31 Python
美国Jeep配件购物网站:Morris 4×4 Center
2019/05/01 全球购物
家长给孩子的表扬信
2014/01/17 职场文书
婚前保证书
2014/04/29 职场文书
幼儿园植树节活动总结
2014/07/04 职场文书
2014年教师节演讲稿
2014/09/03 职场文书
关于教师节的演讲稿
2014/09/04 职场文书
万能检讨书开头与结尾怎么写
2015/02/17 职场文书
2015最新婚礼主持词
2015/06/30 职场文书
2016春季幼儿园小班开学寄语
2015/12/03 职场文书
《祁黄羊》教学反思
2016/02/20 职场文书