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