的jQuery的setInterval没有显示

Question

我创建这个内容滑块第一要素，您可以查看/编辑在这里：

http://jsbin.com/esame4

我已经到位setInterval使动画自动运行，但是，当它是第一次运行，谷歌图像显示，但不是后缀。应该很简单，但我无法弄清楚问题所在。

Answer 1

你去那里：http://jsbin.com/esame4/3（但以前的功能仍然是断开的！）

在http://jsbin.com/esame4/4

Answer 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/

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