如何通过实现禁用按钮？

Question

我尝试在不删除点击事件的情况下禁用实现中的按钮。但正如你可以看到这个jsfiddle，我只获得视觉效果。点击事件仍在启动。

我试过如下：

$('#btnOne').prop('disabled', true).addClass('disabled'); 

它是一个错误吗？或者我做错了什么？

编辑：似乎没有与标签问题button

Answer 1

我找到了答案。

a标签不能被属性禁用，button可以用来代替。

Answer 2

您可以删除当点击#disableBtnOne听众 -

$('#disableBtnOne').click(function(){ 
    $('#btnOne').prop('disabled', true).addClass('disabled').off("click"); 
}); 

见新Fiddle

Answer 3

你可以添加一些CSS规则并保留你当前的jQuery代码。

例如：

.disabled { 
    pointer-events: none; 
} 

这将阻止所有的事件，当这个类被触发。

见fiddle：

注：指针事件在最现代的浏览器支持。检查出来：http://caniuse.com/#feat=pointer-events