多个$(document).ready()的执行顺序问题
Posted heyucool
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了多个$(document).ready()的执行顺序问题相关的知识，希望对你有一定的参考价值。
本文以实例形式说明了多个$(document).ready()的执行顺序问题，由实例可以看出多个$(document).ready()的执行顺序并非单纯的顺序执行，其与嵌套层级也有一定的关系。具体实例代码如下：
<html> <head> <script src="./jquery-1.9.0.min.js"></script> <script type="text/javascript"> $(function(){ alert(‘1‘); $(function(){ alert(‘2‘); $(function(){ alert(‘3‘); }); }); }); </script>
</head>
<body> TTTTTTTTTTTT <script type="text/javascript"> $(document).ready(function() { alert(‘4‘); $(function(){ alert(‘5‘); }); }); </script> KKKKKKKKKKKK <script type="text/javascript"> $(function(){ alert(‘6‘); $(document).ready(function() { alert(‘7‘); }); }); </script> </body> </html>
运行alert显示顺序为：1，4，6，2，5，7，3
以上是关于多个$(document).ready()的执行顺序问题的主要内容，如果未能解决你的问题，请参考以下文章
jquery $(document).ready() 与window.onload的区别
window.load 和$(document).ready() 区别
jquery $(document).ready() 与window.onload的区别
jQuery：强制执行 document.ready() 调用的顺序