多个$(document).ready()函数的执行顺序问题，（未解决）

Posted 讲义大魔王

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了多个$(document).ready()函数的执行顺序问题，（未解决）相关的知识，希望对你有一定的参考价值。

今天遇到了一个问题： jQuery获取不了动态添加的元素，我使用的是append添加的。寻求了帮助，得到解决方案：

    在文件开头写上这样一段代码来获取，写在$(document).ready()里面。

    

    问题得到了解决，此时文件中，出现了多个$(document).ready()函数（jQuery允许使用多个），就想知道他们的执行顺序是怎样的了，网上找了资料：只有一个是这样说的（http://blog.csdn.NET/pwair/article/details/14162235），

 

  1. <html>  
  2. <head>  
  3. <script src="./jquery-1.9.0.min.js"></script>  
  4. <script type="text/javascript">  
  5.     $(function(){  
  6.         alert(‘1‘);  
  7.         $(function(){  
  8.             alert(‘2‘);  
  9.             $(function(){  
  10.                 alert(‘3‘);  
  11.             });  
  12.         });  
  13.   
  14.   
  15.     });  
  16. </script>  
  17. <body>  
  18. TTTTTTTTTTTT  
  19. <script type="text/javascript">  
  20.     $(document).ready(function() {  
  21.         alert(‘4‘);  
  22.         $(function(){  
  23.             alert(‘5‘);  
  24.         });  
  25.   
  26.   
  27.     });  
  28. </script>  
  29. KKKKKKKKKKKK  
  30. <script type="text/javascript">  
  31.     $(function(){  
  32.         alert(‘6‘);  
  33.         $(document).ready(function() {  
  34.             alert(‘7‘);  
  35.         });  
  36.   
  37.   
  38.     });  
  39. </script>  
  40. </body>  
  41. </html>  

alert顺序为：1，4，6，2，5，7，3

以上是关于多个$(document).ready()函数的执行顺序问题，（未解决）的主要内容，如果未能解决你的问题，请参考以下文章

$(document).ready(function () 无法调用控制器中的函数

JQuery的ready函数与JS的onload的区别详解

$(document).ready(function(){}), $().ready(function(){})和$(function(){})三者区别

你能有多个 $(document).ready(function() ... );部分？

多个$(document).ready()的执行顺序问题

$(document).ready(function(){}),$().ready(function(){})和$(function(){})三个有区别么