如何检查div是否更新？
如何检查div是否更新？
提问于 2012-07-26 22:14:33
我有一个动态刷新div的网站。
来源：
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>
<script>
var auto_refresh = setInterval(
function()
{
$('#loaddiv').fadeOut('slow').load('boo.php').fadeIn("slow");
$('#loaddiv2').fadeOut('slow').load('boo2.php').fadeIn("slow");
}, 1000);
</script>但是只有当boo.php返回不同的(更新的)值时，我才想要fadeout和fadein。
如何比较新值和现值并做到这一点？
附言:对不起，我的英语不好，但我是波兰人
回答 3
Stack Overflow用户
回答已采纳
发布于 2012-07-26 22:30:01
您必须向boo.php编写一个Ajax函数，并将结果与div值进行比较
$.ajax(
{
url: "boo.php",
success: function(result)
{
if($("#loaddiv").html() != result)
{
$("#loaddiv").fadeOut("slow")
$("#loaddiv").html(result);
$("#loaddiv").fadeIn("slow");
}
}
});Stack Overflow用户
发布于 2012-07-26 22:19:10
您需要编写一个回调函数来检查返回的数据，并将其与已存储在div中的数据进行比较。此外，显示/显示div的函数也可能需要移到回调函数中。
文档可在here.上找到
Stack Overflow用户
发布于 2012-07-26 22:26:33
您需要检查从ajax调用中获得的结果，并将其与当前内容进行比较。假设您的Ajax响应和当前的Div标记中有一个ID为MsgCount的元素，并且您正在使用该元素的值进行比较，下面的代码将工作
$(function() {
var auto_refresh = setInterval(function(){
var currentMsgCount= $('#MsgCount').text();
$.get("boo.php",function(data){
var resultData=$(data);
var newMsgCount= resultData.filter('#MsgCount').text();
if(newMsgCount!=currentMsgCount)
{
//content is different. Let's show it
$('#loaddiv').fadeOut('slow',function(){
$('#loaddiv').html(data).fadeIn("slow");
});
}
});
}, 1000);
});页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/11671234
复制相关文章
相似问题
腾讯云开发者
