0

ファイルが更新されると更新されるdivを作成します。ただし、継続的に更新されます（1秒ごとにフェードアウトおよびフェードインします）。
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>

そしてサイトにファイルする：* *

何が問題なのか誰が知っていますか？

4

1 に答える 1

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

于 2012-09-09T10:59:31.260 に答える