如何禁用具有物化的按钮？

Question

我尝试禁用实体化中的按钮而不删除click事件。但正如你在jsfiddle看到的那样，我只能看到视觉效果。点击事件仍在启动。

我尝试了以下内容：

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

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

编辑：标签button

似乎没有问题

Answer 1

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

例如：

.disabled {
    pointer-events: none;
}

当触发该类时，这将阻止所有事件。

请参阅fiddle：

注意：大多数现代浏览器都支持指针事件。看看：http://caniuse.com/#feat=pointer-events

Answer 2

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

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

查看新的Fiddle

Answer 3

我确实找到了答案。

无法通过属性禁用

a标记，而是可以使用button。

Answer 4

不确定在某些情况下为什么jQuery无法支持。
当我使用这种方式时，就可以了！

document.getElementById('yours-id').classList.add("disabled");

顺便说一下，下面的代码是我按钮的html标签。

    <a class="btn-large waves-effect waves-light teal lighten-1" id="rtmp-youtube-start">YouTube Live Sync</a> 

在这种情况下，我确定它可以正常工作。