javascript - 如何防止bootstrap自动添加类='active'？

Question

我使用 Bootstrap 的选项卡控件，但 Bootstrap 会自动在第一个 li 项上设置 class="active" 。我怎样才能禁用这个功能？在我的代码中，我想自己处理哪个 li 项目获取事件类。

现在我处于两个选项卡处于事件状态的情况，显然我不希望这样。

我正在使用 Bootstrap v3.0.2

HTML:

<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>

Angular Controller :

$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;
}

Answer 1

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

Bootstrap 文档说添加 data-toggle="button"以切换按钮的事件状态。 从父元素中删除 data-toggle 属性会导致相反的结果，从而阻止 Bootstrap 添加“事件” "到单击的按钮。