Question

我正在使用fancybox插件与'tabify'插件组合使用，以便我可以点击链接并使用标签式灯箱。没有问题 - 但是，我希望能够点击激活特定选项卡上的活动状态的链接，并从另一个中删除活动状态。

这是jquery：

$("a.timesheet-active").click(function() {
        if ($('li').hasClass('active')) {
        $('li.active').addClass('inactive').removeClass('active');
        }
        if ($('li').hasClass('inactive')) {
        $('li.inactive').removeClass('inactive').addClass('active');
    }
});


<ul id="menu">
    <li class="active"><a id="aa-pp" href="#reserve-pp"></a></li>
    <li class="inactive"><a id="aa-ts" href="#reserve-timesheets"></a></li>
</ul>

此处的目标是点击a.timesheet-active，li.active变为li.inactive，li.inactive变为li.active

任何帮助表示赞赏！

Answer 1

$("a.timesheet-active").on('click', function(e) {
    e.preventDefault();
    $('li.active, li.inactive').toggleClass('inactive active');
});

如果它是<a>元素，您通常需要阻止默认操作，然后只需在两个元素上切换两个类以在它们之间切换。

FIDDLE

单击此类时，addClass和removeClass为两个元素

1 个答案: