php - jquery加载间隔div flash

Question

所以，我有一个使用以下代码的 div，但它会在重新加载时闪烁。我知道 1000 是荒谬的——它只是在我测试时设置的。有没有办法避免“flash”，就好像那个 div 是一个页面重新加载一样？

非常感谢！！

<script type="text/javascript">
    $(document).ready(function(){
    $("#timelinerContainers").load("jquery_timeline.php");
       var refreshId = setInterval(function() {
          $("#timelinerContainers").load('jquery_timeline.php');
       }, 1000);
       $.ajaxSetup({ cache: false });
    });
</script>

如果我点击页面上的任何地方，它就会停止闪烁......相当奇怪。

非常感谢您的帮助！！！

Answer 1

试试这个代码：

<script type="text/javascript">
    $(document).ready(function(){
        $.ajaxSetup({ cache: false });
        $.ajax({
            url: "jquery_timeline.php",
            success: function(data) {
                $("#timelinerContainers").html(data);
            }
        });
    });
</script>

变化是我使用了jQuery.ajax()加载内容的功能。我在这里所做的是在发出 ajax 请求之前先加载内容然后更新 div，而不是清除内容。

Answer 2

你有没有尝试过

$("#timelinerContainers").fadeOut().load('jquery_timeline.php').fadeIn();

或者

$("#timelinerContainers").fadeOut().load('jquery_timeline.php',function(){
    $(this).fadeIn()
});