twitter-bootstrap - twitter-bootstrap 'disabled' 类在 ie9 上不起作用

Question

使用引导程序，当您将“.disabled”类添加到按钮时，它会更改其不透明度并禁用按钮单击。

这适用于当前版本的 Chrome 和 Firefox。

在Internet Explorer 9上，我获得了更改其不透明度的按钮，但是当我单击它时，它会提交我的表单（尽管光标图标变为禁止标志）。

有没有什么办法解决这一问题？

Answer 1

<button type="button" class="btn btn-large btn-primary disabled" 
   disabled="disabled">Primary button</button>

<button type="button" class="btn btn-large" disabled>Button</button>

我尝试在所有浏览器中使用上述按钮对我来说都很好。

笔记：

 <a href="#" class="btn btn-large btn-primary disabled">Primary link</a>
    <a href="#" class="btn btn-large disabled">Link</a>

在链接的情况下使用禁用类。

干杯！！！

Answer 2

我知道很久以前就有人问过这个问题，但我遇到了同样的问题。

这在 IE < 11 下不起作用，因为 Bootstrap 使用的是 IE 10 及更早版本不支持的“pointer-events”css 属性。（我可以使用）。

我想出了这个简单的 JS 按钮：

$('button.disabled').prop('disabled', true);

对于链接：

$('a.disabled').click(function(){
       $(this).preventDefault();
});

我希望这会有所帮助。