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 相关文章推荐
js实现在文本框光标处添加字符的方法介绍
Nov 24 Javascript
js截取中英文字符串、标点符号无乱码示例解读
Apr 17 Javascript
jQuery标签编辑插件Tagit使用指南
Apr 21 Javascript
JavaScript实现模仿桌面窗口的方法
Jul 18 Javascript
浅析JavaScript 箭头函数 generator Date JSON
May 23 Javascript
基于JS如何实现给字符加千分符(65,541,694,158)
Aug 03 Javascript
巧用数组制作图片切换js代码
Nov 29 Javascript
js操作浏览器的参数方法
Jan 21 Javascript
微信小程序实现tab和swiper切换结合效果
Jul 17 Javascript
vue 弹窗时 监听手机返回键关闭弹窗功能(页面不跳转)
May 10 Javascript
js前端如何写一个精确的倒计时代码
Oct 25 Javascript
Vue最新防抖方案(必看篇)
Oct 30 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 form 表单传参明细研究
2009/07/17 PHP
解决laravel groupBy 对查询结果进行分组出现的问题
2019/10/09 PHP
jquery 子窗口操作父窗口的代码
2009/09/21 Javascript
JQuery中判断一个元素下面是否有内容或者有某个标签的判断代码
2012/02/02 Javascript
js与jQuery 获取父窗、子窗的iframe
2013/12/20 Javascript
新增加的内容是如何将div的scrollbar自动移动最下面
2014/01/02 Javascript
jquery实现网页查找功能示例分享
2014/02/12 Javascript
jquery获取对象的方法足以应付常见的各种类型的对象
2014/05/14 Javascript
script标签属性用type还是language
2015/01/21 Javascript
JS树形菜单组件Bootstrap TreeView使用方法详解
2016/12/21 Javascript
使用JavaScript为一张图片设置备选路径的方法
2017/01/04 Javascript
Node.js+Express+MySql实现用户登录注册功能
2017/07/10 Javascript
js实现查询商品案例
2020/07/22 Javascript
JavaScript 绘制饼图的示例
2021/02/19 Javascript
利用python模拟实现POST请求提交图片的方法
2017/07/25 Python
python 接口测试response返回数据对比的方法
2018/02/11 Python
Python2.7.10以上pip更新及其他包的安装教程
2018/06/12 Python
使用Python的Dataframe取两列时间值相差一年的所有行方法
2018/07/10 Python
Python生成MD5值的两种方法实例分析
2019/04/26 Python
Python跳出多重循环的方法示例
2019/07/03 Python
Django中celery执行任务结果的保存方法
2019/07/12 Python
Python Web版语音合成实例详解
2019/07/16 Python
Python Django 封装分页成通用的模块详解
2019/08/21 Python
细数nn.BCELoss与nn.CrossEntropyLoss的区别
2020/02/29 Python
图解Python中深浅copy(通俗易懂)
2020/09/03 Python
浅析Python 字符编码与文件处理
2020/09/24 Python
Pycharm学生免费专业版安装教程的方法步骤
2020/09/24 Python
关于python tushare Tkinter构建的简单股票可视化查询系统(Beta v0.13)
2020/10/19 Python
Peter Alexander新西兰站:澳大利亚领先的睡衣设计师品牌
2016/12/10 全球购物
学生打架检讨书大全
2014/01/23 职场文书
水果超市创业计划书
2014/01/27 职场文书
护士长竞聘演讲稿
2014/04/30 职场文书
副乡长群众路线教育实践活动个人对照检查材料
2014/09/19 职场文书
Nginx配置https原理及实现过程详解
2021/03/31 Servers
CSS文本阴影 text-shadow 悬停效果详解
2022/05/25 HTML / CSS
js面向对象编程OOP及函数式编程FP区别
2022/07/07 Javascript