使用“标签”菜单面板，如何控制“活动”标签？

Question

我创建了一个引导侧边栏面板作为选项卡导航。 如何控制活动的选项卡？ 我知道有一个“活动”类，但是我实际上如何设置它，所以当您单击“选项卡”时它将使其活动，以便正确突出显示？ 这会成为JS / Jquery吗？ 我猜这是很平常的事情，我只是无法通过stackoverflow或google找到答案。 谢谢！

Answer 1

如果我了解您的要求，则希望在单击某些内容时应用一个活动的班级。 您可以使用JQuery或JavaScript进行此操作

jQuery的：

首先，给所有选项卡或任何类，说“ foo”。

然后使用这个：

$('.foo').onClick(function(){
    $('.foo').removeClass('active');
    $(this).toggleClass('active');
});

这样，每当单击具有“ foo”类的元素时，就会将“ active”类仅添加到THAT ELEMENT中，而不是添加到该类中的所有元素上。 单击一个具有“ foo”类的元素，它会从上一个具有“ active”类的元素中删除“ active”类，并将该类提供给仅被单击的元素。

上面的方法使得只有一个具有“ foo”类的元素可以同时具有“ active”类。 如果您希望它具有多个元素可以具有“ active”类的功能，请从我的代码示例中删除第二行。

如果我有误会，请发表评论，然后我会做些什么。