使用“标签”面板菜单，我如何控制“活动”;选项卡

Using panel for "tabs" menu, how can I control "active" tabs?

本文关键字：控制 活动 选项 标签 菜单 使用 何控制      更新时间：2023-09-26

我创建了一个引导侧边栏面板作为选项卡导航。如何控制活动的选项卡?我知道有一个"active"类，但我如何设置它，这样当你点击一个"tab"时，它就会激活，从而正确高亮显示?这是一个JS/Jquery的东西吗?我猜这是一个常见的事情，我只是无法通过stackoverflow或谷歌找到答案。谢谢你！

如果我明白你在问什么，你想应用一个活动类时，点击的东西。你可以使用JQuery或JavaScript

JQuery:

首先，给所有的标签或者别的什么一个类，比如'foo'。

然后使用this:

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

这样，当一个带有"foo"类的元素被点击时，它只会将"active"类添加到该元素中，而不是添加到该元素中的所有元素中。点击一个类为"foo"的元素，它就会从上一个类为"active"的元素中删除"active"类，并把这个类只给刚刚被点击的元素。

上面的方法使得在同一时间只有一个带有'foo'类的元素可以拥有'active'类。如果你想让多个元素都有'active'类，从我的代码示例中删除第二行。

如果我误解了，请评论，我看看我能做些什么。

相关文章：