jCarousel从JSON对象添加项目onclick，不会滚动

Question

我有4或5个JSON对象，这些对象是根据点击的菜单项创建的，我想要做的是，

1. 用户单击菜单项（例如Walls）
2. 显示一个导航栏，显示可用墙壁选择的缩略图，导航栏长而细（页面水平），jCArousel应显示4个选项广告然后单击下一个按钮应该滚动到下一个4。
3. 如果用户然后点击门，那么墙壁导航应该消失，那么subnav（和jcarousel）应该填充门。

我没有遇到使用新数据填充jcarousel的问题，我有一个很大的问题，一旦重新填充它就会滚动它。

出于某种原因，我不能让Fiddle使用JSON对象，但是点击地板和门，你应该得到我想要实现的GIST。

该功能导致了我认为的问题，

function mycarousel_itemAddCallback(carousel, first, last, data)

{      //只需一次添加所有项目并相应地设置大小。

 console.log(data);

for (i = 0; i < data.length; i++) {
    $("#secondary ul").add(i+1, '<li><a href="#"><img src="http://placehold.it/141x75"/></a></li>');
}

$("#secondary ul").size(data.length);

}

添加新数据后我是否需要重新初始化轮播？

Answer 1

来自文档：

  

重载

     

重新加载旋转木马。此方法可用于重新初始化   如果您从外部更改了列表的内容，则为carousel   或者想要更改影响轮播外观的选项   运行时。

$('.jcarousel').jcarousel('reload', {
    animation: 'slow'
})