動態刷新div的問題

Question

我更新文件時使div更新。但它不斷刷新（每秒淡出和淡入）。
I'T源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"); 
}); 

在你的情況下，兩個變淡被稱爲在同一時間，使動畫隊列，使其從一個階段進入另一個在大約同一時間間隔再次觸發。

---

UPDATE

要查看日誌，這樣做：因爲你使用`的setInterval（）`console.log("html: ", $("#loaddiv").html(), "result: ", result);