Javascript 单击页面上的任何位置时，Bootstrap 3 btn组将丢失活动类

请你看一下下面的内容，让我知道为什么每当我点击页面上的任何位置时，btn组就会失去活动类。我希望btn组只在彼此之间切换？我做错什么了吗

<div class="container">
    <div class="well">
        <div class="btn-group">
            <button type="button" class="btn btn-default" id="regi1">Left</button>
            <button type="button" class="btn btn-default" id="regi2">Middle</button>
            <button type="button" class="btn btn-default" id="regi3">Right</button>
        </div>
     </div>
</div>

左边
中间的
赖特

因此，（如注释中所述），您看到的灰色填充实际上并不是应用的活动类，而是特定引导按钮元素的焦点选择行为。（如超链接的虚线轮廓。）单击按钮后尝试按Tab键，您会看到焦点选择发生变化

获得所需行为的一种方法是自己应用活动类，并在单击组中的按钮时使用jQuery交换活动类。下面是代码片段的外观：

$(".btn-group > .btn").click(function(){
    $(this).addClass("active").siblings().removeClass("active");
});

上面的代码从

.btn组

中的所有

.btn

元素中删除活动类，然后将活动类应用于刚刚单击的类

---

这里有一个例子向您展示了这一点（请注意，我编写了第一个按钮，以使活动类从HTML开始）。如果这不是你想要的，请告诉我，我很乐意进一步帮助你。祝你好运

我来这里是想找到一个角度解。

ng类

是阻止取消选择模糊的因素

<div class="btn-group">
  <label class="btn btn-outline-warning"
        ng-class="o.value == myinput.selected_value? 'active':''"
        ng-repeat="o in options">
    <input type="radio"
        autocomplete="off" 
        ng-value="{{o.value}}"
        ng-model="myinput.selected_value">
    {{o.value)}}
  </label>
</div>

{{o.value}}

我能想象发生这种情况的唯一原因是某个JavaScript在单击时被执行，从而删除该类。您是否有相关的JavaScript可供共享？您是否使用过任何外部css？我认为stat30是正确的。css错误也可能发生这种情况。我不确定，请提供更多详细信息。当您单击按钮时出现的灰色填充实际上不是“活动”类的应用程序（没有），而是按钮的焦点行为。（你知道，就像超链接是如何用虚线轮廓来显示它们被聚焦的。）点击一个按钮后试着按Tab键，你会看到焦点选择移动到另一个元素。如果您希望使用一个活动类，只需编写jQuery的一段代码，以便在单击组中的按钮时应用/删除该类。（或者使用引导选项卡！）如果您想查看jQuery示例，请告诉我。所有内容都在演示中，没有额外的jQuery或css@Serlite谢谢但我怎么做？我的意思是，我喜欢保持第一个按钮被点击/按下/激活，直到另一个按钮被点击，而不是页面点击的其他部分！哦，我的上帝，我用了很多点击！从中，您要执行

$（this）.addClass（“活动”）.sides（）.removeClass（“活动”）而不是重新运行选择器。按您的方式，单击任意按钮可从页面上的其他
btn组中删除
active
类。比照