この記事では、複数の $(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>
<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>
アラートを実行します。表示順序は 1、4、6、2、5、7、3
読者自身がテスト・体験することで、複数の$(document).ready()の実行シーケンスについて理解を深めることができます。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
