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

动态刷新div的麻烦

1 个答案: