如何使用物化禁用按钮？

Question

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

我尝试了以下方法：

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

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

编辑：标签 button

似乎没有问题

Answer 1

您可以在单击 #disableBtnOne 时删除侦听器 -

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

查看新内容Fiddle

Answer 2

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

例如：

.disabled {
    pointer-events: none;
}

当 class 被触发时，这将阻止所有事件。

参见fiddle：

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

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>

在这种情况下，我确定它有效。

How to disable button with materialize?