Javascript 如何防止引导自动添加class='；活动的'；？

我使用Bootstrap的选项卡控件，但是Bootstrap会自动在第一个

li

项上设置

class=“active”

。如何禁用此功能？在我的代码中，我想自己处理它，

li

item获得活动类

现在我处于两个选项卡处于活动状态的情况下，显然我不希望出现这种情况

我正在使用Bootstrap v3.0.2

HTML:

---

您正在使用引导JS文件吗？它们负责添加和删除CSS代码的某些部分

如果您想自己控制所有这些，我建议您删除引导JS文件，并使用AngularJS重写您需要它做的任何事情（正如您当前使用的那样）

然而，这将使您失去一些功能。有一些版本的引导为AngularJS重写，比如modals

---

但是，如果您需要某些自定义功能或对元素的控制，则必须以任何方式重写或覆盖某些部分。

我使用AngularJS和AngularUI。它看起来很漂亮，直到你只需要在angular ui中修改一些简单的东西。我的建议是：不要浪费时间去理解一个不需要调整的代码。例如：在angular ui中，如果您使用旋转木马并希望隐藏箭头，则必须重载CSS，没有像$scope.opts=[showrows:false]这样的选项

---

也许最好自己编写指令，或者用谷歌搜索。为选项卡编写代码并不难。

我知道这是一个非常古老的问题，但由于它是谷歌搜索结果的顶部，我将把这个答案放在这里

---

bootstrap文档中说，要切换按钮的活动状态，请使用添加数据切换=“按钮”。从父元素中删除数据切换属性会导致相反的结果，从而阻止bootstrap添加“活动”点击按钮。

请分享你的代码？@rab：我用一些代码更新了我的帖子，看起来像是

Angular

code

<ul class="nav nav-tabs">
    <li data-ng-class="{'active': isTabVisible('elements')}">
        <a href="javascript:void(0)" data-ng-click="toggleTab('details')">@Resources.Building.Details</a>
    </li>
    <li data-ng-repeat="category in categories">
        <a href="javascript:void(0)" data-ng-click="toggleTab(category.Id)">{{category.Name}}</a>
    </li>
    <li data-ng-class="{'active': isTabVisible('elements')}">
        <a href="javascript:void(0)" data-ng-click="toggleTab('elements')" data-ng-show="current.Id > 0">@Resources.Building.Elements</a>
    </li>
</ul>

$scope.currentTab = 'details';

// Check for a second # in the url
var parts = window.location.hash.split('#');
if (parts.length > 1) {
    var hash = parts[2];
    $scope.currentTab = hash;
};

$scope.isTabVisible = function (categoryId) {
    return $scope.currentTab == categoryId;
}

$scope.toggleTab = function (categoryId) {
    $scope.currentTab = categoryId;
}