jQuery setinterval不显示第一个元素

时间:2010-06-16 17:39:51

标签: javascript jquery animation

我正在创建此内容滑块,您可以在此处查看/编辑:

http://jsbin.com/esame4

我已放置setInterval以便动画自动运行,但是,当它第一次运行时,会显示谷歌图片,但不会显示后续图片。应该很简单,但我无法弄清楚问题。

1 个答案:

答案 0 :(得分:2)

问题在于:

if ($($curbox).next().attr('class') === 'box')
    {
      $('#content_navigator .box').hide();
      $($curbox).next().fadeIn(1000);
      $curbox = $($curbox).next();
    }
else
    {
      $curbox = ('#content_navigator .box:first');
    }

切换到第一个元素,避免显示它,然后移到下一个元素。

更改为以下内容:

if ($($curbox).next().attr('class') === 'box')
    {
      $('#content_navigator .box').hide();
      $($curbox).next().fadeIn(1000);
      $curbox = $($curbox).next();
    }
else
    {
      $('#content_navigator .box').hide();
      $('#content_navigator .box:first').fadeIn(1000);
      $curbox = $('#content_navigator .box:first').next();
    }

还修复了上一个按钮。见:http://jsbin.com/esame4/6/

再次改变;使整个过程更加统一。