Jquery 4个jCarousel实例，只有最后一个有效

我正在工作。有一个

#tabInnerContainer

元素，它有四个

实例，我试图在每个实例上运行jCarousel，但似乎只有最后一个实例有效！我甚至试着用它们的ID分别初始化它们，但仍然——只有最后一个引用的才会运行

---

抱歉，如果这太模糊了；如果需要，我很乐意提供更多信息。谢谢任何人能给我的帮助

每个旋转木马都有一对箭头，但您的箭头彼此重叠（最后一个旋转木马的z指数更高），这就是为什么只有最后一个UL在单击时被更改。 您应该将“hide”类放在UL和arrows的容器上，而不是放在UL本身上

function selectTab(thing) {
    $('#tabContainer .tabs a').each(function(index) {
        $(this).removeClass('tabSelected');
    });
    $(thing).addClass('tabSelected');
    $('#tabInnerContainer ul.tabItem').each(function(index) {
        if ($(this).attr('data-category') === $(thing).attr('data-category')) {
            $(this).parent('.jcarousel-skin-tango').removeClass('hide');
            //alert($(this).attr('id') + ' should be visible!');
        } else if ($(this).attr('data-category') != $(thing).attr('data-category')) {
            $(this).parent('.jcarousel-skin-tango').addClass('hide');
        }
    });
}

---

您可以粘贴用于启动JCarousel的代码吗？这将有助于我们诊断出哪里出了问题。你能试着举一个例子说明发生了什么吗