javascript - jQuery setinterval不显示第一个元素

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

http://jsbin.com/esame4

我已将setInterval放置在适当的位置，以便动画自动运行，但是，当它第一次运行时，显示的是Google图片，而不显示后缀。应该很简单，但是我无法解决问题。

最佳答案

问题出在：

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/

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