jqueryはajaxコンテンツが到着するまでdiv内のコンテンツを保持します

Question

したがって、私はAJAXコンテンツをロードするDivタグを持っています。ユーザーがAJAXイベントをトリガーして、現在のコンテンツをセンターに回転ローディングサークルで保持するようにしたいと考えています。私は現在、

j("#AJAXContent") 
     .html("reloading") 
     .load(Url, "foo="+bar); 

はしかし、単なるテキストとして「リロード」と現在のdivタグに置き換えられますこのコードは、新しいコンテンツが来て、それを置き換える次のコードを使用しています。

Answer 1

コンテンツdivに読み込みイメージを表示する場合は、ajax呼び出しが行われたときにクラスを追加します。このクラスは、基本的にコンテナの背景としてロードイメージを表示します。もう1つの選択肢は、ある高さ/幅の絶対配置されたdivと、中央の画像をロードすることです。このdivをAjaxコールを作成するときにコンテナの中央と上部に表示します。

.loading 
{ 
    background:none url("loading.png") no-repeat center center; 
} 

j("#AJAXContent").addClass("loading").load(Url, "foo="+bar, function(){ 
    j("#AJAXContent").removeClass("loading"); 
}); 

もう1つの方法は、ajax呼び出しを行う前にコンテンツdivの上にローディングdivを表示することです。

Answer 2

は、メッセージreloadingとdiv内容を更新します

j("#AJAXContent").load(Url, "foo="+bar); 

j("#AJAXContent").html("reloading")を試してみてください。

Answer 3

これは役立ちます：http://jsfiddle.net/SQHgu/、ドメイン間の要求は許可されていません（たとえば、のみ）。