jquery - iframeがロードされるまでjquery待機

Question

こんにちは、私はこの方法でクリックしたときに iframe の src を変更するためにボタンを使用しています:

$("#iframe").attr('src',"someurl");

新しい URL がロードされるまで、「お待ちください」メッセージまたは gif ローダーを表示する方法はありますか?

Answer 1

表示されたテキストを管理するためのコールバックを持つ jQuery.load 関数を使用しない理由:

HTML

<button id="myLoadButton">Load</button>
<div id="Myiframe"></div>

JS

$('#myLoadButton').click(function(){
   $(this).text('Please wait...');
   $('#Myiframe').load('ajax/test.html', function(){
      $('#myLoadButton').text('Content loaded!');
   });
})

Answer 2

src プロパティはフレームの URL を設定するだけですが、load 関数は jquery エンジンによって維持されるため、ajax グローバル関数は load() 関数が完了するのを待ちます。

 $("#iframe").attr('src',"someurl");

最初に ajax イベントが非同期であることを確認し、これを使用します。

 $('#iframe').load('someurl');

これは、新しい URL がロードされるまで「お待ちください」メッセージまたは gif ローダーを表示する唯一の方法です。