私のページでのajax呼び出しにロードgifを利用しようとしています。jQuery の ajax メソッドを使用しています。私の方法は次のようになります。
$.ajax({
type:'POST',
data:{action:'yadayada',data:stuffToSend},
cache: true,
dataType: 'json',
async:false,
beforeSend:function(){
var options={
height:'100px',
duration:1,
width:'100px',
}
new ajaxLoader($("#search-right"), options);
},
url: "/wp-admin/admin-ajax.php",
success: function(value) {
//do stuff
}
}
画像は表示されますが、ajax 成功関数が終了するまで表示されません。画像をロードする複数の方法を試したので、ajaxLoader 関数は有罪ではありません。すべて同じ動作を示します。
ajax関数を呼び出す前に、ajax関数を呼び出すクリックハンドラーに画像をロードしようとしました。同じ結果です (だから beforeSend 関数ではありません)。私の質問は次のとおりです。ajax が成功するまで、読み込み中の画像が「読み込まれない」のはなぜですか?