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中的for如何实现foreach中的遍历
May 31 Javascript
Extjs根据条件设置表格某行背景色示例
Jul 23 Javascript
详解AngularJS中自定义指令的使用
Jun 17 Javascript
js实现简单排列组合的方法
Jan 27 Javascript
基于JavaScript实现快速转换文本语言(繁体中文和简体中文)
Mar 07 Javascript
深入理解jquery跨域请求方法
May 18 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
浅谈Vue组件及组件的注册方法
Aug 24 Javascript
vue.js单文件组件中非父子组件的传值实例
Sep 13 Javascript
解决node-sass偶尔安装失败的方法小结
Dec 05 Javascript
Angular 中使用 FineReport不显示报表直接打印预览
Aug 21 Javascript
用vite搭建vue3应用的实现方法
Feb 22 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
百度地图API应用之获取用户的具体位置
2014/06/10 PHP
学习php设计模式 php实现桥梁模式(bridge)
2015/12/07 PHP
Laravel5.* 打印出执行的sql语句的方法
2017/07/24 PHP
PHP实现微信公众号验证Token的示例代码
2019/12/16 PHP
通过PHP实现用户注册后邮箱验证激活
2020/11/10 PHP
TNC vs IO BO3 第一场2.13
2021/03/10 DOTA
jquery异步循环获取功能实现代码
2010/09/19 Javascript
Javascript表达式中连续的 && 和 || 之赋值区别
2010/10/17 Javascript
js面向对象 多种创建对象方法小结
2012/05/21 Javascript
详解JavaScript中的客户端消息框架设计原理
2015/06/24 Javascript
AngularJS入门教程之AngularJS指令
2016/04/18 Javascript
Bootstrap popover用法详解
2016/12/22 Javascript
JS查找英文文章中出现频率最高的单词
2017/03/20 Javascript
JS简单验证上传文件类型的方法
2017/04/17 Javascript
Vue中computed与methods的区别详解
2018/03/24 Javascript
详解小程序如何动态绑定点击的执行方法
2019/11/26 Javascript
从0到1学习JavaScript编写贪吃蛇游戏
2020/07/28 Javascript
Python机器学习之K-Means聚类实现详解
2018/02/22 Python
python实现Windows电脑定时关机
2018/06/20 Python
pycharm中成功运行图片的配置教程
2018/10/28 Python
python处理大日志文件
2019/07/23 Python
python切片(获取一个子列表(数组))详解
2019/08/09 Python
如何基于Python制作有道翻译小工具
2019/12/16 Python
pytorch 改变tensor尺寸的实现
2020/01/03 Python
python之openpyxl模块的安装和基本用法(excel管理)
2021/02/03 Python
HTML5拖拽功能实现的拼图游戏
2018/07/31 HTML / CSS
html5小程序飞入购物车(抛物线绘制运动轨迹点)
2020/10/19 HTML / CSS
美国第一个网上卖鞋零售商:OnlineShoes.com
2017/09/24 全球购物
学期自我鉴定范文
2013/10/01 职场文书
一年级班主任寄语
2014/01/19 职场文书
班级口号大全
2014/06/09 职场文书
2015年圣诞节寄语
2015/08/17 职场文书
小组口号霸气押韵
2015/12/24 职场文书
Python趣味挑战之教你用pygame画进度条
2021/05/31 Python
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server
python获取带有返回值的多线程
2022/05/02 Python