jqueryajax刷新页面内容
我有一个jquery Ajax调用来更改div的内容,就功能而言,一切都很好,但是,当div被替换为新内容时,页面会有一点抖动,视图和视图位置会有一点更改。下面给出了刷新的内容,我是指在Ajax调用后得到的html响应jqueryajax刷新页面内容,jquery,ajax,Jquery,Ajax,我有一个jquery Ajax调用来更改div的内容,就功能而言,一切都很好,但是,当div被替换为新内容时,页面会有一点抖动,视图和视图位置会有一点更改。下面给出了刷新的内容,我是指在Ajax调用后得到的html响应 <div class="booksFrame"> <a href="Magazine/magazinedetail/magazine_id/3"><img src="XXXXXX" alt="Pachakuthira" title="Pachakut
<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" />
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");
}
});
}
我的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" />
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");
}
});
}
函数下一步(下一步)
{
$(#previous”).css(“显示”、“块”);
如果($('#页码').val())
{
页码=编号($(“#页码”).val();
页码=页码+1;
/*警报(第页)*/
$(“#ajax_容器”).html(“”).fadeIn('fast');
}
其他的
page=2;
$.ajax
({
类型:“POST”,
url:“索引/滚动新版本”,
数据:“第页=”+第页,
成功:功能(msg)
{
/*警报(msg)*/
如果(消息!=0)
{/*警报(msg)*/
$(“#ajax_容器”).html(msg.fadeIn('slow');
$(#previous”).css(“显示”、“块”);
}否则
$(next).css(“显示”、“无”);
}
});
}
我用了这么长的后背。试试看
添加此IE Only meta标记可停止闪烁:
<meta http-equiv="Page-Enter" content="revealtrans(duration=0.0)">
可以找到解释
如果这解决了您的问题,请标记为答案您可以显示刷新内容的javascript吗?我的问题不是闪烁,在ajax完成请求后,当它开始用新内容填充div时,内容以不均匀的方式出现..扭曲。我可以使其平滑吗。