Question

使用bootstrap，当您将'。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＆lt; 11因为Bootstrap正在使用IE 10及更早版本不支持的“pointer-events”css属性。（Can I Use）。

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

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

链接：

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

我希望有所帮助。

twitter-bootstrap'禁用'类不在ie9上工作

2 个答案: