Question

我使用jQuery UI的标签小部件，虽然我有一个简单的问题，但它确实非常棒且有用。如何向所有非活动选项卡添加类？到目前为止，我有以下代码，它在活动选项卡中添加了一个类，现在我想从非活动选项卡中删除该类。我怎样才能做到这一点？

$("#sidebar").tabs({
    event: "click",
    activate : function(event, ui) { var activeTab = ui.newTab; $(activeTab).addClass(ActiveTab); },
});



            <ul id="sidebar-tabs">
                <li class="tab"><a href="#tab-1"><span>TAB 1</span></a></li>
                <li class="tab"><a href="#tab-2"><span>TAB 2</span></a></li>
                <li class="tab"><a href="#tab-3"><span>TAB 3</span></a></li>
            </ul>

Answer 1

正如我的评论建议的那样，您可以执行相反的操作...默认情况下将类添加到所有选项卡（或者只是按原样设置锚点）并将其从选定的选项中删除。

PS：我使用jQuery UI中的示例编辑了您的HTML代码。

Here's a fiddle

$('document').ready(function() {
    $("#sidebar").tabs({
        event: "click",
        activate: function (event, ui) {
            var _tab = ui.newTab;
            $('#sidebar li').removeClass('active');
            $(_tab).addClass('active');
        },
    });
});

Addclass到非活动的jQuery UI选项卡

1 个答案: