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

はい、1 つのページに複数のdocument.ready関数を含めることができます。これらは、コード内での出現に基づいて、次々と順番に実行されます。

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

;