jquery new div fadIn 效果通过重新加载一个 div

Question

我有一个 div“内容”，在这个 div 中我有几个 div“评论”，我每 5 秒重新加载一次 div“内容”，我想在每个新的 cmets 中淡入淡出。为此，每条评论都有一个整数 id，所以基本上我正在做的是： 我将最后一条评论的 id 保存在变量“lastComment”中，当我重新加载 div“内容”时，我正在使用 if($(".comment").attr(id) > lastComment) {警报（'ok'）}

但它不起作用，首先它重新加载 div，而不是直接说“好的”，我需要再等 5 秒，这里是我的代码：

var lastComment = $('.comment:last').attr('id');
setInterval(function()
{
    $('#content').load('fullscreen.php?image='+$('.imageBig').attr('id')+' #content');
    if($('.comment').attr('id') > lastComment){
        alert('ok');
    }
}, 5000);

有什么想法吗？

Answer 1

我认为你的jQuery selector 有问题，在 if 条件下你应该指定最后一个div.comment，因为var lastComment = $('.comment:last').attr('id'); 语句将在此setInterval 工作后分配最后一个元素，并且新的最后一个 div 注释将更改，因此请注意不要有效。

var lastComment = $('.comment:last').attr('id');
setInterval(function()
{
    $('#content').load('fullscreen.php?image='+$('.imageBig').attr('id'),function(){
        if($('.comment:last').attr('id') > lastComment){
            alert('ok');
        }
    });

}, 5000);