动态刷新分区出现问题


Trouble with dynamic refreshing div

我制作了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>

网站上的文件:**

谁知道出了什么问题?

本部分:

$("#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);