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 Event学习第四章 传统的事件注册模型
Feb 07 Javascript
利用了jquery的ajax实现二级联互动菜单
Dec 02 Javascript
使用jQuery实现图片遮罩半透明坠落遮挡
Mar 16 Javascript
解决浏览器会自动填充密码的问题
Apr 28 Javascript
微信小程序 支付功能实现PHP实例详解
May 12 Javascript
JavaScript之promise_动力节点Java学院整理
Jul 03 Javascript
Javascript(es2016) import和require用法和区别详解
Aug 11 Javascript
vue init webpack myproject构建项目 ip不能访问的解决方法
Mar 20 Javascript
Javascript实现动态时钟效果
Nov 17 Javascript
9102年webpack4搭建vue项目的方法步骤
Feb 20 Javascript
Vue实现简单计算器
Jan 20 Vue.js
如何在现代JavaScript中编写异步任务
Jan 31 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常用的安全过滤函数集锦
2014/10/09 PHP
Joomla调用系统自带编辑器的实现方法
2016/05/05 PHP
PHP Post获取不到非表单数据的问题解决办法
2018/02/27 PHP
PHP经典设计模式之依赖注入定义与用法详解
2019/05/21 PHP
PHP常用函数之根据生日计算年龄功能示例
2019/10/21 PHP
jquery 插件实现图片延迟加载效果代码
2010/02/06 Javascript
JS编程小常识很有用
2012/11/26 Javascript
js实现的复制兼容chrome和IE
2014/04/03 Javascript
Javascript中prototype属性实现给内置对象添加新的方法
2015/05/14 Javascript
百度地图API之百度地图退拽标记点获取经纬度的实现代码
2017/01/12 Javascript
js实现日历的简单算法
2017/01/24 Javascript
关于不同页面之间实现参数传递的几种方式讨论
2017/02/13 Javascript
通过一个简单的例子学会vuex与模块化
2017/11/22 Javascript
Angular ElementRef简介及其使用
2018/10/01 Javascript
动态内存分配导致影响Javascript性能的问题
2018/12/18 Javascript
jQuery利用cookie 实现本地收藏功能(不重复无需多次命名)
2019/11/07 jQuery
稍微学一下Vue的数据响应式(Vue2及Vue3区别)
2019/11/21 Javascript
浅谈element中InfiniteScroll按需引入的一点注意事项
2020/06/05 Javascript
element跨分页操作选择详解
2020/06/29 Javascript
[01:38]DOTA2 2015国际邀请赛中国区预选赛 Showopen
2015/06/01 DOTA
Python 变量类型及命名规则介绍
2013/06/08 Python
使用Python的Bottle框架写一个简单的服务接口的示例
2015/08/25 Python
python去除扩展名的实例讲解
2018/04/23 Python
Django 跨域请求处理的示例代码
2018/05/02 Python
python实现网站微信登录的示例代码
2019/09/18 Python
python是否适合网页编程详解
2019/10/04 Python
Python PyInstaller库基本使用方法分析
2019/12/12 Python
HTML5+CSS3绘制锯齿状的矩形
2016/03/01 HTML / CSS
英国家具、照明、家居用品网上商店:Wayfair.co.uk
2020/02/13 全球购物
介绍一下#error预处理
2015/09/25 面试题
大学迎新晚会主持词
2014/03/24 职场文书
甜品店创业计划书
2014/08/14 职场文书
返乡农民工证明
2015/06/24 职场文书
Python实现8种常用抽样方法
2021/06/27 Python
MySQL系列之十一 日志记录
2021/07/02 MySQL
Python  序列化反序列化和异常处理的问题小结
2022/12/24 Python