写真でいっぱいのページがあり、それぞれが。でdivにラップされていclass="photo_wrap"
ます。ユーザーは一定数の写真を見ることができます。もっと見たい場合は、「もっと写真を見る」ボタンをクリックします。写真が読み込まれるのを待っている間、「プログレスバー」のgifをで表示しid="spinner"
ます。組積造のプラグインと写真の読み込みに関するいくつかの問題のため、すべてimg
のが完全に読み込まれた後、組積造を「再読み込み」に設定しました。問題は、これによって「プログレスバー」のgifがアニメーション化されなくなることです。$('div.photo_wrap img').load(...
写真だけを書くと効果があると思いましたclass="photo_wrap"
が、それでも「プログレスバー」のgifがアニメーション化されません。なんで?
$(document).ready(function(){
$("#spinner").show();
$.ajax({
type: "POST",
url: 'my_script.php',
dataType: 'html',
success: function(data){
var $container = $('#myPhotos');
$container.append(data);
$('div.photo_wrap img').load(function(){
$container.masonry( 'reload' );
});
$container.masonry( 'reload' );
$("#spinner").hide();
}
});
return false;
});