解决JQuery中的ready函数冲突

最新推荐文章于 2020-11-24 19:37:56 发布

fisea

最新推荐文章于 2020-11-24 19:37:56 发布

阅读量490

点赞数

分类专栏： jQuery 文章标签： jquery function 前端开发 javascript 框架

本文链接：https://blog.csdn.net/fisea/article/details/5642821

版权

jQuery 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

jQuery确实是一个提高前端开发效率的好框架（虽然很多大牛们都说它效率不咋地），但是用好它有时候并不容易，也许你也遇到过以下情况:

一个aspx页面通常可以包含其它ascx控件，如果在多人协同开发的情况下：程序员小张在控件A.ascx中使用了 $().ready(function{})，而程序员小王又在控件B.ascx中也使用了ready函数，程序员小李在做页面时，把A.ascx,B.ascx都拖到自己的页面中，然后在页面中也需要用到$().ready函数，这下好了：

虽然jQuery本身的设计还算不错，document加载完成后会依次触发各个ready中定义的function(这一点很好，不象javascript中默认后面的同名函数会覆盖前面的函数定义)，但是如果某个程序员希望自己的ready部分先执行(或者这三个程序员各自的ready处理有严格先后顺序时)，这个怎么办呢？

其实这个也不难，可以利用setTimeOut让某个程序员的ready部分延时执行

      
   01$().ready(function(){ 
 
   02    setTimeout(Test1, 50);//延时50毫秒后再执行本函数 
 
   03}) 
 
   04  
 
   05  
 
   06$().ready(function(){ 
 
   07    Test2(); 
 
   08}) 
 
   09  
 
   10function Test1(){ 
 
   11    alert("1"); 
 
   12} 
 
   13  
 
   14function Test2(){ 
 
   15    alert("2"); 
 
   16}