jQuery setinterval不显示第一个元素

Question

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

http://jsbin.com/esame4

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

Answer 1

问题在于：

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/

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