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

小编典典

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

all

题：

如果我链接两个 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但在我的情况下不太可能。

阅读 116

2022-03-28

共1个答案

小编典典

所有将被执行 并在第一次调用的基础上！

<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>

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

还有一件事我想提

代替这个

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

你可以使用这个快捷方式

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

2022-03-28