0

次のコードがあります。

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

読み込みのたびにページがジャンプします。これにより、更新されたコンテンツを読み取ることができなくなります。ありがとう！

4

2 に答える 2

1

ロード中に要素が に設定されないように、fadeInとfadeOutを置き換えます。fadeTodisplay:none

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

ただし... 5秒ごとにdivを非表示にしている場合、とにかくユーザーを中断することはありませんか?

于 2012-07-10T20:23:50.307 に答える
0 
<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>

他の可動部分が何であるかについてはよくわかりましたが、いくつかの構文エラーがありました。

于 2012-07-10T03:39:33.773 に答える