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很多關於其他移動部件是什麼，但有幾個語法錯誤。