divのコンテンツを変更するためのjquery Ajax呼び出しがありますが、機能的にはすべて正常に機能していますが、divが新しいコンテンツに置き換えられるたびに、ページが少し揺れ、ビューの位置が少し変わります.取得するコンテンツ更新されたものを以下に示します。つまり、ajax 呼び出しの後に取得する html 応答です。
<div class="booksFrame">
<a href="Magazine/magazinedetail/magazine_id/3"><img src="XXXXXX" alt="Pachakuthira" title="Pachakuthira" /></a>
</div>
<div class="booksFrame">
<a href="Magazine/magazinedetail/magazine_id/43"><img src="XXXXXX" alt="Toms Classics" title="Toms Classics" /></a>
</div>
<div class="booksFrame">
<a href="Magazine/magazinedetail/magazine_id/34"><img src="XXXXXX" alt="The Sunday Indian (English)" title="The Sunday Indian (English)" /></a>
</div>
<div class="booksFrame">
<a href="Magazine/magazinedetail/magazine_id/26"><img src="XXXXXX" alt="Travel Plus" title="Travel Plus" /></a>
</div>
<div class="rightArrow"><img src="XXXXXX" alt="next" title="next" id="next2" onclick="javascript:nextTopseller(this);" /></div>
<input type="hidden" value="6" id="page_number_topseller" />
ajax呼び出し用の私の関数。
function latestArrivalNext(next)
{
$("#previous").css("display", "block");
if($('#page_number').val())
{
page = Number($('#page_number').val());
page = page+1;
/*alert(page);*/
$("#ajax_container").html('<img src="/public/images/loading.gif" />').fadeIn('fast');
}
else
page = 2;
$.ajax
({
type: "POST",
url: "index/scrollnewrelease",
data: "page="+page,
success: function(msg)
{
/*alert(msg);*/
if(msg!=0)
{ /*alert(msg);*/
$("#ajax_container").html(msg).fadeIn('slow');
$("#previous").css("display", "block");
}else
$(next).css("display", "none");
}
});
}