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实例教程(19) 使用HoTMetal(2)
Dec 23 Javascript
jQuery 学习第六课 实现一个Ajax的TreeView
May 17 Javascript
深入理解Javascript闭包 新手版
Dec 28 Javascript
document.documentElement的一些使用技巧
Apr 18 Javascript
JS获取网页图片name属性的方法
Apr 01 Javascript
js编写贪吃蛇的小游戏
Aug 24 Javascript
AngularJS学习笔记(三)数据双向绑定的简单实例
Nov 08 Javascript
jQuery.cookie.js使用方法及相关参数解释
Mar 06 Javascript
JavaScript运动框架 多值运动(四)
May 18 Javascript
Vue 中批量下载文件并打包的示例代码
Nov 20 Javascript
vue resource发送请求的几种方式
Sep 30 Javascript
详解如何在JS代码中消灭for循环
Dec 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
漫威DC御用漫画家去世 他的表情包曾走红网络
2020/04/09 欧美动漫
php循环语句 for()与foreach()用法区别介绍
2012/09/05 PHP
解析php session_set_save_handler 函数的用法(mysql)
2013/06/29 PHP
php curl模拟post请求和提交多维数组的示例代码
2015/11/19 PHP
javascript Zifa FormValid 0.1表单验证 代码打包下载
2007/06/08 Javascript
解决Extjs 4 Panel作为Window组件的子组件时出现双重边框问题
2013/01/11 Javascript
14款NodeJS Web框架推荐
2014/07/11 NodeJs
基于JavaScript实现生成名片、链接等二维码
2015/09/20 Javascript
javascript DIV实现跟随鼠标移动
2020/03/19 Javascript
js 获取范围内的随机数实例代码
2016/08/02 Javascript
基于JavaScript Array数组方法(新手必看篇)
2016/08/20 Javascript
原生Javascript和jQuery做轮播图简单例子
2016/10/11 Javascript
bootstrap-datetimepicker实现只显示到日期的方法
2016/11/25 Javascript
vue中input的v-model清空操作
2019/09/06 Javascript
利用Python获取赶集网招聘信息前篇
2016/04/18 Python
基于hashlib模块--加密(详解)
2017/06/21 Python
使用python对文件中的数值进行累加的实例
2018/11/28 Python
Django时区详解
2019/07/24 Python
python自动发微信监控报警
2019/09/06 Python
python实现的发邮件功能示例
2019/09/11 Python
python调用有道智云API实现文件批量翻译
2020/10/10 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
css3之UI元素状态伪类选择器实例演示
2017/08/11 HTML / CSS
HTML5中div、article、section的区别及使用介绍
2013/08/14 HTML / CSS
奥地利购买珠宝和手表网站:ELLA JUWELEN
2019/09/03 全球购物
银行员工职业规划范文
2014/01/21 职场文书
会议活动邀请函
2014/01/27 职场文书
军训拉歌口号
2014/06/13 职场文书
承兑汇票转让证明怎么写?
2014/11/30 职场文书
运动会广播稿200字
2015/08/19 职场文书
小学生禁毒教育心得体会
2016/01/15 职场文书
SQL Server 数据库实验课第五周——常用查询条件
2021/04/05 SQL Server
详解Javascript实践中的命令模式
2021/05/05 Javascript
JavaScript 定时器详情
2021/11/11 Javascript
python使用opencv对图像添加噪声(高斯/椒盐/泊松/斑点)
2022/04/06 Python
Golang 字符串的常见操作
2022/04/19 Golang