$ .load（）の後に$（document）.ready（）を実行するか、それが可能であるか代替があります

Question

私はフォームとテーブルを持つページを持っています（フォームを使って保存したデータの結果を表示します）。

フォームはajaxを使用してデータを送信し、保存されたデータとその後にテーブルを再ロードする必要があります。

$(document).ready()の実行後にテーブル（AJAX（$.load）を使用してロードされる）がロードされるという問題があります。これは、テーブルに必要な機能がないことを意味します。

AJAXの読み込みが完了するまで$(document).ready()の実行を延期する方法はありますか、iframeを使用するような完全な別の方法を使用する必要がありますか？

は、以下の私の問題の例である：

$(document).ready(function(){ 
    //some code here that needed for the html in table.html e.g. datepicker, chosen, jqueryui, etc 
}); 
<form> 
    //Inputs with a button to submit using ajax, where the result is displayed using table.php 
</form> 
<div id="tableOfContent"></div> 
    <script> 
     $('#tableOfContent').load("table.php"); 
    </script> 

Answer 1

document.readyは、ページのHTMLの読み込みが完了したときに呼び出され、それについては二つの方法がありません。

ただし、ライブバインディングを使用すると、ページにまだない要素にハンドラが追加されます。

例：jQueryの> 1.7用に更新

$(".datepicker").live("click", function() { 
    $(this).datepicker(); 
}) 

（これも高速です）

$("#tableOfContent").on("click", ".datepicker", function() { 
    $(this).datepicker(); 
}) 

Answer 2

あなたは

$('#tableOfContent').load("table.php",function(){ 
    //completed load actions here 
}); 

を行うことができます。しかし、あなたは画像を読み込む場合に注意すべきです、まだロードされません。そうであれば、table.phpの内容を最初に非表示にして、$（ '＃tableOfContent img'）.load（）で同じことをもう一度行います。これは1つのイメージに対して機能します。複数の画像）もう少し複雑ですが、それはあなたがあなたがjQuery.holdReadyを（使用してreadyイベントを遅らせることができます:)

Answer 3

探しているものであればお気軽に：

$.holdReady(true); 
// Do your custom stuff... the document may already be loaded. 
$.holdReady(false); // Now the ready event will fire as soon as the DOM is loaded. 

http://api.jquery.com/jQuery.holdReady/

を参照してください。

Answer 4

$（document）.ready（）は、ドキュメントの準備が整ったときに実行するスクリプトに使用する必要があります。

ajax呼び出しの後に何かを実行する必要がある場合は、関数内のすべてを書き込んで、ajaxコールバックを使用して呼び出すことができます。

function what_i_need() { 
    // bla bla 
} 

<script> 
    $('#tableOfContent').load("table.php", {}, what_i_need);//code had syntax error; '{)' 
</script> 

わかりません。さらに、ドキュメントの準備ができたら関数を呼び出すこともできます。

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

Answer 5

レディ機能の中から表データをロードし、私は本当にポイントを理解していない

$(document).ready(function() { 
    // click bindings etc .. 
    $('#tableOfContent').load("table.php",function() { 
     // things to do once the table is loaded 
    }); 
}); 

load() documentation