Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/78.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ajax/6.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
jqueryajax刷新页面内容_Jquery_Ajax - Fatal编程技术网

jqueryajax刷新页面内容

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

我有一个jquery Ajax调用来更改div的内容,就功能而言,一切都很好,但是,当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"  />
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时,内容以不均匀的方式出现..扭曲。我可以使其平滑吗。