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 相关文章推荐
来自qq的javascript面试题
Jul 24 Javascript
Jquery post传递数组方法实现思路及代码
Apr 28 Javascript
jquery ajax跨域解决方法(json方式)
Feb 04 Javascript
基于编写jQuery的无缝滚动插件
Aug 02 Javascript
jQuery实现不断闪烁文字的方法
May 15 Javascript
JavaScript函数学习总结以及相关的编程习惯指南
Nov 16 Javascript
Jquery Easyui日历组件Calender使用详解(23)
Dec 18 Javascript
vue 和vue-touch 实现移动端左右导航效果(仿京东移动站导航)
Apr 22 Javascript
js弹性势能动画之抛物线运动实例详解
Jul 27 Javascript
js原生代码实现轮播图的实例讲解
Jul 28 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
Sep 12 Javascript
如何解决日期函数new Date()浏览器兼容性问题
Sep 11 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读取csv文件内容的详解
2013/06/18 PHP
Apache实现Web Server负载均衡详解(不考虑Session版)
2013/07/05 PHP
PHP json_encode中文乱码问题的解决办法
2013/09/09 PHP
详解PHP导入导出CSV文件
2014/11/03 PHP
php检测文本的编码
2015/07/26 PHP
解读PHP中上传文件的处理问题
2016/05/29 PHP
浅谈php中的访问修饰符private、protected、public的作用范围
2016/11/20 PHP
浅谈thinkphp5 instance 的简单实现
2017/07/30 PHP
javascript中的location用法简单介绍
2007/03/07 Javascript
动态读取JSON解析键值对的方法
2014/06/03 Javascript
JsRender for object语法简介
2014/10/31 Javascript
javaScript中Math()函数注意事项
2015/06/18 Javascript
详解JavaScript正则表达式之分组匹配及反向引用
2016/03/09 Javascript
jquery.serialize() 函数语法及简单实例
2016/07/08 Javascript
详解JS实现简单的时分秒倒计时代码
2019/04/25 Javascript
js 执行上下文和作用域的相关总结
2021/02/08 Javascript
使用python统计文件行数示例分享
2014/02/21 Python
Python实现批量下载文件
2015/05/17 Python
Python利用Django如何写restful api接口详解
2018/06/08 Python
pandas 小数位数 精度的处理方法
2018/06/09 Python
python代码过长的换行方法
2018/07/19 Python
Python SELENIUM上传文件或图片实现过程
2019/10/28 Python
在keras中model.fit_generator()和model.fit()的区别说明
2020/06/17 Python
python实现图书馆抢座(自动预约)功能的示例代码
2020/09/29 Python
协程Python 中实现多任务耗资源最小的方式
2020/10/19 Python
手工制作的意大利礼服鞋:Ace Marks
2018/12/15 全球购物
教师岗位职责范本
2013/12/29 职场文书
淘宝店铺营销方案
2014/02/13 职场文书
《动手做做看》教学反思
2014/04/09 职场文书
小学六年级学生评语
2014/04/22 职场文书
广播节目策划方案
2014/05/23 职场文书
拔河比赛口号
2014/06/10 职场文书
Django drf请求模块源码解析
2021/06/08 Python
vue判断按钮是否可以点击
2022/04/09 Vue.js
Golang 实现 WebSockets 之创建 WebSockets
2022/04/24 Golang
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js