0

私はhttp://staticstore.cambiumlearning.com/に取り組んでいます。#tabInnerContainer4つのインスタンスを持つ要素があり、<ul class="tabItem">それぞれでjCarouselを実行しようとしていますが、最後のインスタンスのみが機能しているようです。IDで個別に初期化しようとしましたが、それでも、最後に参照されたものだけが実行されます。

これがあいまいすぎる場合は申し訳ありません。ご要望があれば、喜んで詳細をお知らせします。誰もが私に与えることができるどんな助けのためのTIA!

4

1 に答える 1

0

カルーセルごとに 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');
        }
    });
}
于 2012-12-10T16:47:53.707 に答える