Question

所以我有一个有趣的错误，我的大脑无法弄清。

在我正在使用的应用程序中，有几个可以禁用的自举切换按钮。但是，似乎在Internet爆炸程序中，不遵守disabled =“ disabled”属性。

红色的x出现在按钮上方，并显示为灰色，但是单击后仍会更改状态。

jsbin中的代码示例 https://jsbin.com/koqapejome/1/edit?html,css,output

我的html按钮如下所示。注意，我正在利用引导程序3的数据切换

<div class="btn-group toggle" data-toggle="buttons-radio">
  <button disabled="disabled" type="button" data-label="Something here" data-type="CHECKBOX" data-name="name" name="name" id="form_154_emailList" class="btn yes active">Yes</button>
  <button disabled="disabled" type="button" class="btn no">No</button>
</div>

有没有一个原因使残疾人无法充分工作呢？这是一个已知的问题？我只能找到有关将其切换为disabled =“ true”的含糊不清的帖子。

通过测试，我可以看到单击时添加了一个“活动”类，但是，当尝试添加单击处理程序以禁用单击时，则无法识别该类。因此，似乎还有其他补充……但是我不知道是什么。

有人知道这是什么原因吗？是忽略禁用的引导单击吗？

Answer 1

您可以使用以下代码在所有浏览器中不触发：

.toggle{
   cursor:no-drop
}

.btn:disabled{
   pointer-events:none;
}

Answer 2

我认为问题在于您的自定义样式。您可以签出工作版本here。

问题特别在于以下样式。

.btn-group.toggle .btn.yes.active
.btn-group.toggle .btn.no.active

他们应该是：

.btn-group.toggle .btn.yes.active:enabled
.btn-group.toggle .btn.no.active:enabled

或者您可以将不同的样式应用于以下样式：

.btn-group.toggle .btn.yes.active:enabled
.btn-group.toggle .btn.yes.active:disabled

.btn-group.toggle .btn.no.active:enabled
.btn-group.toggle .btn.no.active:disabled

IE11数据切换未禁用

2 个答案: