javascript - 一个页面可以有多个 document.ready 函数吗？

Question

我想知道/担心这个问题已经有一段时间了，所以我想我会问一个肯定知道的人。一个页面可以有多个 document.ready 函数吗？他们俩会被处决吗？

Answer 1

document.ready不是标准的 DOM 处理程序，但您可能指的是您调用的 jQuery 实用程序$(document).ready(...

它将函数添加到队列中，以便您可以使用不同的回调多次调用此函数。

Answer 2

是的，他们都会被处决。您可以将多个 .ready()事件处理程序分配给一个document. 当 DOM 就绪时，jQuery 将触发任何绑定的就绪事件。从来源：

// Handle when the DOM is ready
ready: function( wait ) {
    ...
    // Trigger any bound ready events
    if ( jQuery.fn.trigger ) {
      jQuery( document ).trigger("ready").off("ready");
    }
}

演示。

Answer 3

是的，您可以在一个页面上拥有多个document.ready功能。它们根据它们在代码中的出现顺序一个接一个地运行。

 $(document).ready(function() {
     alert("hello 1");
 });
 $(document).ready(function() {
     alert("hello 2");
 })

;