jQuery的/ Ajax的内容更新不断跳跃在刷新

Question

我有以下代码：

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script> 
var auto_refresh = setInterval(function() { 
    $('#loaddiv').fadeOut('slow').load('/resources/latest.php').fadeIn("slow"); 
}, 5000); 
</script> 
<div id="loaddiv" style="text-align:center"> 
<?php 
    require_once("{$_SERVER['DOCUMENT_ROOT']}/resources/latest.php"); 
?> 
</div> 

在每个负载，页面跳转了，这使得作为使用在pahe提出了更高读取更新的内容是不可能的，有什么想法我可以解决这个问题？谢谢！

Answer 1

将fadeIn和fadeOut替换为fadeTo，以便加载时元素未设置为display:none。

var auto_refresh = setInterval(function() { 
    $('#loaddiv').fadeTo('slow',0).load('/resources/latest.php').fadeTo("slow",1); 
}, 5000); 

但是，如果你每隔5秒隐藏div，是不是会打断用户呢？

Answer 2

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script> 
<script> 
var auto_refresh = setInterval(function(){ 
$ ('#loaddiv').fadeOut('slow').load('/resources/latest.php').fadeIn("slow"); 
}, 5000); 
</script> 
    <div id="loaddiv" style="text-align:center"> 
     <?php 
      require_once($_SERVER['DOCUMENT_ROOT']."/resources/latest.php"); 
     ?> 
    </div> 

Idk很多关于其他移动部件是什么，但有几个语法错误。