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 相关文章推荐
Json对象与Json字符串互转(4种转换方式)
Mar 27 Javascript
js 判断上传文件大小及格式代码
Nov 13 Javascript
js中substring和substr的定义和用法
May 05 Javascript
招聘网站基于jQuery实现自动刷新简历
May 10 Javascript
jquery选择器中的空格与大于号>、加号+与波浪号~的区别介绍
Jun 24 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
js实现数组去重方法及效率?Ρ? target=
Feb 14 Javascript
Bootstrap输入框组件使用详解
Jun 09 Javascript
JavaScript数据类型的存储方法详解
Aug 25 Javascript
详解node+express+ejs+bootstrap构建项目
Sep 27 Javascript
vue实现拖拽的简单案例 不超出可视区域
Jul 25 Javascript
vue.js 2.0实现简单分页效果
Jul 29 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
TP框架实现上传一张图片和批量上传图片的方法分析
2020/04/23 PHP
javascript 处理事件绑定的一些兼容写法
2009/12/24 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
JavaScript实现网页图片等比例缩放实现代码及调用方式
2013/02/25 Javascript
$.getJSON在IE下失效的原因分析及解决方法
2013/06/16 Javascript
js弹出窗口之弹出层的小例子
2013/06/17 Javascript
JavaScript Promise启示录
2014/08/12 Javascript
JavaScript中继承用法实例分析
2015/05/16 Javascript
纯js实现倒计时功能
2017/01/06 Javascript
jquery单击文字或图片内容放大并居中显示
2017/06/23 jQuery
node结合swig渲染摸板的方法
2018/04/11 Javascript
layui获取多选框中的值方法
2018/08/15 Javascript
解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题
2018/08/24 Javascript
vue中子组件的methods中获取到props中的值方法
2018/08/27 Javascript
微信小程序学习笔记之函数定义、页面渲染图文详解
2019/03/28 Javascript
js canvas实现5张图片合成一张图片
2019/07/15 Javascript
详解vue路由
2020/08/05 Javascript
antd-DatePicker组件获取时间值,及相关设置方式
2020/10/27 Javascript
[52:06]FNATIC vs NIP 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/19 DOTA
python制作花瓣网美女图片爬虫
2015/10/28 Python
Linux下Pycharm、Anaconda环境配置及使用踩坑
2018/12/19 Python
python selenium 查找隐藏元素 自动播放视频功能
2019/07/24 Python
Pytorch 抽取vgg各层并进行定制化处理的方法
2019/08/20 Python
python基于K-means聚类算法的图像分割
2019/10/30 Python
python使用html2text库实现从HTML转markdown的方法详解
2020/02/21 Python
keras中的History对象用法
2020/06/19 Python
Python下载网易云歌单歌曲的示例代码
2020/08/12 Python
matplotlib 范围选区(SpanSelector)的使用
2021/02/24 Python
一款css实现的鼠标经过按钮的特效
2014/09/11 HTML / CSS
.TTL是什么?有什么用处,通常那些工具会用到它?(ping? traceroute? ifconfig? netstat?)
2016/05/09 面试题
《穷人》教学反思
2014/04/08 职场文书
乡镇挂职心得体会
2014/09/04 职场文书
redis 查看所有的key方式
2021/05/07 Redis
Python实现灰色关联分析与结果可视化的详细代码
2022/03/25 Python
Netty分布式客户端接入流程初始化源码分析
2022/03/25 Java/Android
一文解答什么是MySQL的回表
2022/08/05 MySQL