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 相关文章推荐
JavaScript 设计模式学习 Singleton
Jul 27 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
Oct 06 Javascript
JavaScript中的变量声明早于赋值分析
Mar 01 Javascript
javascript 星级评分效果(手写)
Dec 24 Javascript
原生js和jquery中有关透明度设置的相关问题
Jan 08 Javascript
查询json的数据结构的8种方式简介
Mar 10 Javascript
js获取checkbox值的方法
Jan 28 Javascript
JavaScript监听和禁用浏览器回车事件实例
Jan 31 Javascript
JavaScript函数使用的基本教程
Jun 04 Javascript
JS平滑无缝滚动效果的实现代码
May 06 Javascript
JavaScript和TypeScript中的void的具体使用
Sep 12 Javascript
详解微信小程序动画Animation执行过程
Sep 23 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
咖啡常见的种类
2021/03/03 新手入门
thinkphp模板赋值与替换实例简述
2014/11/24 PHP
php将print_r处理后的数据还原为原始数组的解决方法
2016/11/02 PHP
php基于闭包实现函数的自调用(递归)实例分析
2016/11/11 PHP
用js实现多域名不同文件的调用方法
2007/01/12 Javascript
JavaScript中通过闭包解决只能取得包含函数中任何变量最后一个值的问题
2010/08/12 Javascript
jquery获取tr中控件值并操作tr实现思路
2013/03/27 Javascript
JavaScript中的关联数组问题
2015/03/04 Javascript
js+html5实现可在手机上玩的拼图游戏
2015/07/17 Javascript
学习JavaScript设计模式(封装)
2015/11/26 Javascript
详解jquery插件jquery.viewport.js学习使用方法
2017/09/08 jQuery
Vue中JS动画与Velocity.js的结合使用
2019/02/13 Javascript
vue使用@scroll监听滚动事件时,@scroll无效问题的解决方法详解
2019/10/15 Javascript
vue实现将数据存入vuex中以及从vuex中取出数据
2019/11/08 Javascript
vue点击按钮动态创建与删除组件功能
2019/12/29 Javascript
nodejs各种姿势断点调试的方法
2020/06/18 NodeJs
Element中Slider滑块的具体使用
2020/07/29 Javascript
[02:15]你好,这就是DOTA!
2015/08/05 DOTA
老生常谈Python之装饰器、迭代器和生成器
2017/07/26 Python
查看端口并杀进程python脚本代码
2019/12/17 Python
python使用opencv resize图像不进行插值的操作
2020/07/05 Python
python实现学生信息管理系统(精简版)
2020/11/27 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
英国最大的美妆产品在线零售商之一:Beauty Bay
2017/09/29 全球购物
同学会邀请书大全
2014/01/12 职场文书
学生请假条
2014/04/11 职场文书
软件专业毕业生个人自我鉴定
2014/04/17 职场文书
安全教育月活动总结
2014/05/05 职场文书
关于建议书的格式范文
2014/05/20 职场文书
学生干部培训方案
2014/06/12 职场文书
工作失误检讨书范文
2015/01/26 职场文书
2015年医德考评自我评价
2015/03/03 职场文书
电影建国大业观后感
2015/06/01 职场文书
看上去很美观后感
2015/06/10 职场文书
matlab xlabel位置的设置方式
2021/05/21 Python
JS实现简单九宫格抽奖
2022/06/28 Javascript