javascript - jQuery - 多个 $(document).ready ...？

Question

问题:

如果我在两个 JavaScript 文件中链接，都带有 $(document).ready 函数，会发生什么？一个会覆盖另一个吗？还是 $(document).ready 都被调用？

例如，

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>

<script type="text/javascript" src="http://.../jquery1.js"></script>

<script type="text/javascript" src="http://.../jquery2.js"></script>

jquery1.js:

$(document).ready(function(){
    $("#page-title").html("Document-ready was called!");
});

jquery2.js:

$(document).ready(function(){
    $("#page-subtitle").html("Document-ready was called!");
});

我确信将两个调用简单地组合成一个 $(document).ready 是最佳实践，但在我的情况下不太可能。

Answer 1

所有都将被执行并且在 first Called first run 的基础上!!

<div id="target"></div>

<script>
  $(document).ready(function(){
    jQuery('#target').append('target edit 1<br>');
  });
  $(document).ready(function(){
    jQuery('#target').append('target edit 2<br>');
  });
  $(document).ready(function(){
    jQuery('#target').append('target edit 3<br>');
  });
</script>

Demo如您所见，它们不会相互替换

还有一件事我想提

代替这个

$(document).ready(function(){});

您可以使用此快捷方式

jQuery(function(){
   //dom ready codes
});