0

このソリューションを使用して、1ページに複数のタブを配置しています。

$(".tab_content").not(':first-child').hide();
var tabs = $('.tabs li');

tabs.filter(':first-child').addClass('active');

tabs.click(function() {
    var current = $(this);

    if(!current.hasClass('active')){
        current.addClass('active').siblings().removeClass('active');
        var activeTab = current.find("a").attr("href");
        current.parent().next().children().hide().filter(activeTab).fadeIn();
    }

    return false;
});

タブコンテンツの後にタブコントロールを配置する必要があります。しかし、それは機能しません。タブコンテンツの前にタブコントロールを配置すると、正常に機能します。手伝って頂けますか？

これが私のjsfiddleです：

4

1 に答える 1

1

next() を prev() に変更するだけです-兄弟がタブの前にあるため

current.parent().prev().children().hide().filter(activeTab).fadeIn();

http://jsfiddle.net/Kf2f4/

于 2012-11-14T23:06:04.267 に答える