jQuery를/아약스의 콘텐츠 업데이터는 새로 고침

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); 

그러나 div ...를 5 초마다 숨기고 있다면 어쨌든 사용자를 방해하지 않습니까?

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> 

다른 움직이는 부분은 무엇인지에 대해 많이 말하지만 몇 가지 구문 오류가있었습니다.