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 相关文章推荐
window.addEventListener来解决让一个js事件执行多个函数
Dec 26 Javascript
jQuery实现图片预加载效果
Nov 27 Javascript
js获取浏览器和屏幕的各种宽度高度
Feb 22 Javascript
JS排序之快速排序详解
Apr 08 Javascript
webpack教程之webpack.config.js配置文件
Jul 05 Javascript
iscroll实现下拉刷新功能
Jul 18 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
jQuery事件对象的属性和方法详解
Sep 09 jQuery
zTree树形菜单交互选项卡效果的实现方法
Dec 25 Javascript
详解使用webpack+electron+reactJs开发windows桌面应用
Feb 01 Javascript
Node.js动手撸一个静态资源服务器的方法
Mar 09 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
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 5.0对象模型深度探索之类的静态成员
2008/03/27 PHP
基于php上传图片重命名的6种解决方法的详细介绍
2013/04/28 PHP
PHP保留两位小数并且四舍五入及不四舍五入的方法
2013/09/22 PHP
php微信公众号开发(3)php实现简单微信文本通讯
2016/12/15 PHP
php简单生成一组与多组随机字符串的方法
2017/05/09 PHP
PHP 传输会话curl函数的实例详解
2017/09/12 PHP
tagName的使用,留一笔
2006/06/26 Javascript
JS中==与===操作符的比较
2009/03/21 Javascript
Js 刷新框架页的代码
2010/04/13 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
JavaScript中实现PHP的打乱数组函数shuffle实例
2014/10/11 Javascript
基于js实现投票的实例代码
2015/08/04 Javascript
JavaScript阻止回车提交表单的方法
2015/12/30 Javascript
基于JavaScript实现前端文件的断点续传
2016/10/17 Javascript
js图片轮播插件的封装
2017/07/21 Javascript
微信小程序多列选择器range-key使用详解
2020/03/30 Javascript
基于AngularJS的简单使用详解
2017/09/10 Javascript
VUE的history模式下除了index外其他路由404报错解决办法
2019/08/21 Javascript
js+canvas实现纸牌游戏
2020/03/16 Javascript
vuecli3.x中轻松4步带你使用tinymce的步骤
2020/06/25 Javascript
python实现数据导出到excel的示例--普通格式
2018/05/03 Python
Django 拼接两个queryset 或是两个不可以相加的对象实例
2020/03/28 Python
深入了解Python装饰器的高级用法
2020/08/13 Python
让IE支持CSS3的不完全兼容方案
2014/09/19 HTML / CSS
Fossil加拿大官网:化石手表、手袋、首饰及配饰
2019/04/23 全球购物
大学生求职自我评价
2014/01/16 职场文书
俞敏洪北大演讲稿
2014/05/22 职场文书
小学生迎国庆演讲稿
2014/09/05 职场文书
私用公车造成事故检讨书
2014/11/16 职场文书
课外活动实习计划
2015/01/19 职场文书
九华山导游词
2015/02/03 职场文书
硕士学位申请报告
2015/05/15 职场文书
大学生暑假实习总结
2015/07/13 职场文书
员工规章制度范本
2015/08/07 职场文书
中秋节作文(五年级)之关于月亮
2019/09/11 职场文书
Pygame游戏开发之太空射击实战敌人精灵篇
2022/08/05 Python