jquery闪烁文本并重新加载div

我有一个每30秒刷新一次的div，如果是新内容（通过cookie检查），我也有闪烁的文本

闪烁效果完美…直到div刷新。div刷新后，闪烁停止。我尝试在刷新函数中添加闪烁代码，但没有效果

---

有什么想法吗？

尝试将这些代码放入函数中，使其看起来像这样：

function checkForNewContent() {
// check if atis cookie exits
var Key = $("#key").data('key');
if ($.cookie('check_'+Key) == null) {
  $('.blink_'+Key).each(function() {
      var elem = $(this);
      setInterval(function() {
          if (elem.css('visibility') == 'hidden') {
              elem.css('visibility', 'visible');
          } else {
              elem.css('visibility', 'hidden');
          }    
      }, 500);
  });
}
}

然后在第一行代码的函数回调中添加新添加的函数，如下所示

setInterval(function() {
    $('#reload').load('/page.php #reload'), function() { checkForNewContent(); }
}, 30000);

---

您提供的代码中有一些语法错误。load函数应该有两个参数，如

$（'#reload'）.load（'/page.php#reload'，function（）{}）

请尝试以下代码：

setInterval(function () {
    $('#reload').load('/page.php #reload', blinkText)
}, 30000);

function blinkText() {
    // check if atis cookie exits
    var Key = $("#key").data('key');
    if ($.cookie('check_' + Key) == null) {
        $('.blink_' + Key).each(function () {
            var elem = $(this);
            setInterval(function () {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                }
            }, 500);
        });
    }
}

---

为什么不在加载函数中将闪烁代码移动到success handle？如果我没有弄错的话，我认为加载函数没有成功句柄。加载函数的第二个参数是success handler。您保留为空的那一个我把它放在函数中的花括号中，但在30秒刷新后闪烁仍然停止。代码中有语法错误。请看我的答案。不幸的是，它仍然停止闪烁。

setInterval(function () {
    $('#reload').load('/page.php #reload', blinkText)
}, 30000);

function blinkText() {
    // check if atis cookie exits
    var Key = $("#key").data('key');
    if ($.cookie('check_' + Key) == null) {
        $('.blink_' + Key).each(function () {
            var elem = $(this);
            setInterval(function () {
                if (elem.css('visibility') == 'hidden') {
                    elem.css('visibility', 'visible');
                } else {
                    elem.css('visibility', 'hidden');
                }
            }, 500);
        });
    }
}