jquery ajax刷新页面内容
问题描述:
我有一个jQuery的Ajax调用更改div的内容,功能明智的一切工作正常,但是,当div被替换为新的内容页面得到小摇,和视图位置得到改变了一点。下面给出了刷新的内容,我的意思是我在ajax调用后得到的html响应。jquery ajax刷新页面内容
<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");
}
});
}
答
我已经用了这么长的回来。试试吧。
加入这个IE只有meta标签停止闪烁:
<meta http-equiv="Page-Enter" content="revealtrans(duration=0.0)">
的解释可以发现here
请标记为答案,如果这能解决你的问题
+0
我的问题是不闪烁,在ajax完成请求时,它开始填充div与新的内容的内容来不均匀的方式..distorted.can我让它顺利。 – 2012-04-17 05:40:50
你能证明你的JavaScript刷新内容? – 2012-04-17 05:27:27
@NiftyDude当然... – 2012-04-17 05:29:10