窗口和onclick滚动上的多个动态JCarousels无法正常工作

Question

我有一个包含2个轮播的页面，每个轮播都使用唯一的ID进行调用。旋转木马工作正常。我在页面上有一个我要点击的div，并有第一个轮播，＃first，使用滚动方法滚动。当我在页面上有一个旋转木马时，滚动方法bedRoomClick正常工作 当我添加第二个轮播#second时，bedRoomClick（）中的滚动方法不再有效。我收到错误，      未捕获的TypeError：jQuery（...）。data（...）。scroll不是函数。

如果我删除第二个轮播一切正常（没有错误和滚动工作）。有什么想法/建议？

我如何创建我的轮播

    jQuery('#first').jcarousel({
     wrap: 'circular',
     visible: 3
});
jQuery('#second').jcarousel({
    wrap: 'circular',
    rtl:rtl,
    visible: 4
});

带有滚动方法的脚本

    <script>
    function bedRoomClick() {
       var instance =  jQuery('#first').data('jcarousel');
       jQuery('#first').data('jcarousel').scroll('+=2');
    }
</script>

div点击了

<div class="banner" onclick="bedRoomClick();"></div>