Question

我正在研究http://staticstore.cambiumlearning.com/。有一个#tabInnerContainer元素有四个<ul class="tabItem">个实例，我试图在每个实例上运行jCarousel，但只有最后一个实例似乎有效！我甚至试图通过他们的ID单独初始化它们，但仍然 - 只有最后一个引用它才会运行！

对不起，如果这太模糊了;如果需要，我很乐意提供更多信息。任何人都可以给我任何帮助TIA！

Answer 1

每个旋转木马都有一对箭头，但是你的箭头在彼此的顶部（最后一个旋转木马具有更高的z-index），这就是为什么它只是最后一个在点击时改变的UL。你应该把“hide”类放在UL和箭头的容器上，而不是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的4个实例，只有最后一个工作

1 个答案: