javascript - DOMがロードされたときに実行するJqueryロードファイル（画像を待たない）

Question

私は現在これを使用しています

$('#message').load('/searchresult.php<? echo $requeststring; ?>', function() {
  $('#searching').hide();
});

検索結果を含むページをロードするには、画像もロードされる前に表示されないため、非常に遅くなります。DOM が読み込まれるとすぐに searchresult の内容を表示するにはどうすればよいですか?

Answer 1

コメントに続いて、内部にコールバック関数があることが問題である可能性があると思う.load()ので、これを試すことができます：

$('#message').load(function() { 
    $.ajax({
        type: "GET",
        url: '/searchresult.php<? echo $requeststring; ?>',
        success: function (result) {
             $('#searching').html(result);
        }
    });
});

PS jQuery API doc によるとIf a "complete" callback is provided, it is executed after post-processing and HTML insertion has been performed. The callback is fired once for each element in the jQuery collection, and this is set to each DOM element in turn.( http://api.jquery.com/load/ )

PPS 各関数が一度に 1 つずつ処理されるため、時間がかかると思います。