jquery - 无限循环 each() 循环

Question

我正在使用 jQuery 循环遍历 ul 下的每个 li 元素，一个一个地显示它们。这是代码：

  $('.article_ticker li:first').siblings().hide();
  var list=$('.article_ticker li:first').siblings();

  list.each(function(index)
  {
      $(this).siblings().hide().delay(2000).fadeOut();
      $(this).fadeIn('fast');
  });

此代码工作正常，但一旦“每个”循环结束，它就不会重复该序列。我想循环无限重复。就像在最后一个元素淡出之后，第一个元素应该淡入。

Answer 1

您可以执行以下操作...

$('.article_ticker li:first').siblings().hide();
var list=$('.article_ticker li:first').siblings();

(function repeatTicker() {
  list.each(function(index) {
    $(this).siblings().hide().delay(2000).fadeOut();
    $(this).fadeIn('fast');
  });
  setTimeout(repeatTicker, 10);
} ());

我在这里使用了 setTimeout，否则浏览器会抱怨您的页面没有响应。现在我使用了 10ms，但我会尽可能增加它。