jquery - 如何将 (document).ready 添加到现有的 jquery 函数文件

Question

我有一个带有 AJAX 函数的 jquery 函数文件。现在我需要将(document).ready函数添加到同一个文件中。我的问题是我应该在现有的 function() 块之外添加这个函数还是将它保留在里面。

Answer 1

如果是这样，您可以将其添加到外部：

function doMyAjax() {
    $.ajax({
        type: 'POST',
        stuff: more 
        ect...
    }).done(function(data) {
        $(element).html(data);
    });

    $("element").on('DOMNodeModified', function(event) {
        $(event.target).appendTo('body');
    });
}

$(function() {  //same as $(document).ready(function(){..});
    doMyAjax(); //function is executed after DOM is ready
});

或者您可以将所有代码包装在其中：

$(function() {  //same as $(document).ready(function(){..});
    //all my code goes here and is executed after DOM is ready
});

涨2个！

Answer 2

在包含的文件之外添加 $(document).ready() 函数，然后从那里调用文件中的函数来执行您需要在其他代码中执行的任何操作。IE

var myStuff = myStuff || {
   init: function() {
     ///run stuff needed in document.ready here
   }
}

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

这里的黄金法则是每页只在 1 个地方调用 $(document).ready。