twitter-bootstrap“禁用”类不适用于 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 because Bootstrap is using "pointer-events" css property which is not supported by IE 10 and earlier. (）。

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

$('button.disabled').prop('disabled', true); 链接：

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

希望对您有所帮助。