動的コンテンツのjquery .readyイベント

Question

jquery mobile +（jqueryとjavascript）を使用して作成されたHTML 5 Webアプリケーションに動的リストを読み込みました。

リストに動的に値が入力されている間に、ページに<div>を配置することによって、単純な「読み込み中」の画像を表示したいとします。リストが完成したら、「ロード中...」イメージを削除するためにイベントを発生させる必要があります。 .readyまたは.loadイベントを動的リストの要素にアタッチして、リストがロードされたときにイベントを発生させることができますか？

アドバイスありがとうございます。.ready件名の既存の回答を検索すると、イベントのdocument.ready使用に関する結果のみが表示されます。

Answer 1

コールバック関数を使用します。

$(function() { 
    $('#content').html('<div>loading...</div>'); 
    $('#content').load('http://mynewcontent.com/', function(data) { 
     // optional: do more stuff here.. not needed since the content will already be replaced. 
    }); 
}); 

Answer 2

jQueryの.loadは、読み込みイメージを削除するために使用できる完全なコールバック関数を提供します。

http://api.jquery.com/load/