php - 动态刷新div的问题

Question

我让 div 在文件更新时刷新。但它不断刷新（每秒钟淡出和淡出）。
我不是源 test2.php

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js>
    </script>                          
    <script> 
    $(document).ready(function() {
       $('#loaddiv').load('check.chat.php');
     });


    var auto_refresh = setInterval( function() {
    $.ajax(
        {
        type: 'POST',
        data:"id=100",
        url: "check.chat.php",
        success: function(result) 
        {
            if($("#loaddiv").html() != result)
            {
                $("#loaddiv").fadeOut("fast")
                $("#loaddiv").html(result);
                $("#loaddiv").fadeIn("slow");
           }
        }
    });
    }, 1000);
    </script>

    <div id="loaddiv"></div>

并现场归档：* *

谁知道是什么问题？

Answer 1

这部分：

$("#loaddiv").fadeOut("fast")
$("#loaddiv").html(result);
$("#loaddiv").fadeIn("slow");

应该：

$("#loaddiv").fadeOut("fast", function(){
        $("#loaddiv").html(result);
        $("#loaddiv").fadeIn("slow");
});

在您的情况下，两个淡入淡出同时被调用，形成一个动画队列，导致它在间隔再次触发的大约同一时间从一个阶段进入另一个阶段。

---

更新

要查看日志，请执行以下操作：console.log("html: ", $("#loaddiv").html(), "result: ", result);