1

我正在使用 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');
  });

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

4

1 回答 1

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,但我会尽可能增加它。

于 2012-07-09T10:17:21.397 回答