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 相关文章推荐
jquery 打开窗口返回值实现代码
Mar 04 Javascript
javascript同页面多次调用弹出层具体实例代码
Aug 16 Javascript
使用jquery修改表单的提交地址基本思路
Jun 04 Javascript
Hallo.js基于jQuery UI所见即所得的Web编辑器
Jan 26 Javascript
jQuery事件的绑定、触发、及监听方法简单说明
May 10 Javascript
Bootstrap基本组件学习笔记之面板(14)
Dec 08 Javascript
jQuery开源组件BootstrapValidator使用详解
Jun 29 jQuery
基于Vue单文件组件详解
Sep 15 Javascript
vue-cli3 从搭建到优化的详细步骤
Jan 20 Javascript
js实现跟随鼠标移动的小球
Aug 26 Javascript
vue使用lodop打印控件实现浏览器兼容打印的方法
Feb 07 Vue.js
vue中axios封装使用的完整教程
Mar 03 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
php 仿Comsenz安装效果代码打包提供下载
2010/05/09 PHP
PHP循环语句笔记(foreach,list)
2011/11/29 PHP
php创建基本身份认证站点的方法详解
2013/06/08 PHP
jQuery+PHP发布的内容进行无刷新分页(Fckeditor)
2015/10/22 PHP
PHP的Yii框架中移除组件所绑定的行为的方法
2016/03/18 PHP
浅谈PHP发送HTTP请求的几种方式
2017/07/25 PHP
基于JQuery 滑动与动画的说明介绍
2013/04/18 Javascript
js数组操作学习总结
2013/11/04 Javascript
javascript操作字符串的原生方法
2014/12/22 Javascript
jquery.cookie.js用法实例详解
2015/12/25 Javascript
js复制内容到剪贴板代码,js复制代码的简单实例
2016/10/27 Javascript
jQuery实现html table行Tr的复制、删除、计算功能
2017/07/10 jQuery
JavaScript 正则命名分组【推荐】
2018/06/07 Javascript
vue element中axios下载文件(后端Python)
2019/05/10 Javascript
在vue中利用全局路由钩子给url统一添加公共参数的例子
2019/11/01 Javascript
JavaScript实时更新当前的时间的示例代码
2020/07/15 Javascript
python随机生成指定长度密码的方法
2015/04/04 Python
用yum安装MySQLdb模块的步骤方法
2016/12/15 Python
python中reader的next用法
2018/07/24 Python
详解Python连接MySQL数据库的多种方式
2019/04/16 Python
python全栈知识点总结
2019/07/01 Python
python使用信号量动态更新配置文件的操作
2020/04/01 Python
利用Python如何实时检测自身内存占用
2020/05/09 Python
css3 线性渐变和径向渐变示例附图
2014/04/08 HTML / CSS
印尼最大的网上书店:Gramedia.com
2018/09/13 全球购物
Kaufmann Mercantile官网:家居装饰、配件、户外及更多
2018/09/28 全球购物
医学生自荐信
2013/12/03 职场文书
大学生的创业计划书就该这么写
2014/01/30 职场文书
五一劳动节活动记录
2014/03/23 职场文书
供货协议书
2014/04/22 职场文书
入职担保书怎么写
2014/05/12 职场文书
英语教育专业自荐信
2014/05/29 职场文书
小学数学教学随笔
2015/08/14 职场文书
写作之关于描写老人的好段摘抄
2019/11/14 职场文书
用几道面试题来看JavaScript执行机制
2021/04/30 Javascript
python数据可视化使用pyfinance分析证券收益示例详解
2021/11/20 Python