Javascript jCarousel-滚动富最后一个元素之后的第一个项目最后一个

我的jcarousel组件有问题。该组件工作正常，在第一次滚动完成并重新启动后（这是一个循环滚动），前3个元素没有显示（显示空白项）。滚动从第三个元素开始

只有在第一次滚动完成，第二次滚动启动时，才会出现此问题。否则，系统将按正确顺序运行，同时显示所有项目

我的代码如下所示：

$（文档）.ready（函数（）{
$（'mycarousel'）.jcarousel({
包装：“圆形”，
卷轴：1，
汽车:1,，
是的，
动画：400，
initCallback：函数（旋转木马，状态）{
如果（状态=='init'）{
carousel.clip.hover（函数（）{
carousel.stopAuto（）；
addAlertMessage（旋转木马）；
}，函数（）{
旋转木马startAuto（）；
});
}
}
});
});
.jcarousel ul{
宽度：20000em；
位置：相对位置；
/*可选，在这种情况下是必需的，因为它是
元素*/
列表样式：无；
保证金：0；
填充：0；
}
.jcarousel li.alertMessageStyle{
/*仅适用于块元素，如
*/
浮动：左；
宽度：100%；
高度：60px；
背景色：#FF6666；
}
.jcarousel li.infoMessageStyle{
/*仅适用于块元素，如
*/
浮动：左；
宽度：100%；
高度：60px；
背景色：#99FF99；
}
李先生{
/*仅适用于块元素，如
*/
浮动：左；
宽度：100%；
高度：60px；
背景色：#FF6666；
}
J.卡鲁塞尔p{
字体大小：粗体；
字体系列：“漫画无MS”，“漫画无MS”，草书；
字体大小：14px；
垂直对齐：中间对齐；
文本缩进：25px；
}
.alertMessagePanelStyle{
位置：相对位置；
溢出：隐藏；
宽度：100%；
高度：50px；
边缘顶部：10px；
边框样式：实心；
边框宽度：2倍；
}


警报信息：1

警报信息：2

警报信息：3

警报信息：4

警报信息：5

警报信息：6


@Pete answer是问题的解决方案。我还修改了JS代码，使鼠标悬停以停止滚动。我会发布代码，也许对某些人会有帮助

$(document).ready(function() {

$('.jcarousel').jcarousel({
    wrap : 'circular',
    scroll : 1,
    vertical : true,
}).jcarouselAutoscroll({
    interval : 1000,
    target : '+=1',
    autostart : true
}).hover(function() {
    $(this).jcarouselAutoscroll('stop');
}, function() {
    $(this).jcarouselAutoscroll('start');

});

}))
 这也是我在jsfidle中的exmaple：有人能解决我的问题吗？我不知道为什么沃克林会这样。我应该能正常工作。你的旋转木马好像过时了。我认为你需要更新它并添加autoscroll插件：不知道为什么第一个动画需要这么长时间才能完成，你必须使用动画设置才能让它再次滑动，但谢谢@Pete。它正在工作。