javascript - 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>

每次加载时，页面都会跳起来，这使得阅读更新的内容变得不可能，因为使用率更高，知道我该如何解决这个问题吗？谢谢！

Answer 1

替换fadeIn和以便在加载时fadeOut不将元素设置为。fadeTodisplay: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 很多关于其他移动部分是什么，但有几个语法错误。