Question

我有一个旧的，凌乱的网站，我正在尝试整理一些jQuery代码，以便更容易维护，并希望将我的所有document.ready函数整合到一个调用中。问题是每个页面都有不同的一组，其中一些包含自己的.ready函数。

我想做的是把它放在主页中：

var documentReadyFunction = function() {
    //do something
};

在我的标题/脚本文件中有这个：

jQuery(document).ready(function() {
    if (typeof documentReadyFunction != 'undefined') {
        documentReadyFunction();
    }
});

如果我能够在一个地方知道所需的所有准备好的功能，哪个工作正常，但我希望能够做的是在两个调用之间的文件中添加更多脚本以在.ready中运行 - 关于如何实现这个目标或者它是个好主意的任何建议？

Answer 1

不确定你是否意识到这一点，但我很确定允许多次调用$（document）.ready（fn）并且它们不会覆盖原始函数，但也会调用它。

有关详细信息，请参阅http://www.learningjquery.com/2006/09/multiple-document-ready。请注意，如果其中一个出现错误，则不会执行以下功能。

Answer 2

你可以这样试试;

<script type="text/javascript" >
 $(function(){
    init();
 });

 function init(){
   someFunction();
   //other init stuff
 }

 function someFunction(){
   }
</script>

（或）如果你想拥有多个document.ready，你可以这样做：

从这里开始：http://www.learningjquery.com/2006/09/multiple-document-ready

$(document).ready(function() {
  // some code here
});
$(document).ready(function() {
  // other code here
});

结合jQuery document.ready函数

2 个答案: