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>

很多关于其他移动部件的内容，但有一些语法错误。

jQuery / Ajax内容更新程序不断刷新

2 个答案: