JQuery禁用按钮不起作用

Question

我有以下按钮：

<a type="button" class="btn btn-primary disabledButton">Download</a>

我想使用JQuery的.prop属性禁用它。像这样：

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

然而，它并没有改变。有什么想法吗？

Answer 1

必须是按钮而非锚点

<button class="btn btn-primary disabledButton">Download</button>

现在这应该可行

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

更新为OP提到他必须使用锚点

解决方法之一：

$('.disabledButton').css('pointer-events', 'none');

解决方法二:(防止默认）

 $('.disabledButton').click(function (e) {
    e.preventDefault();
});

Answer 2

它不起作用的原因是因为它是超链接而且没有disabled属性。你唯一能做的就是preventDefault

https://dev.w3.org/html5/html-author/#the-a-element

<a type="button" class="btn btn-primary disabledButton">Download</a>

$('a.disabledButton').on('click', function(e) {
    e.preventDefault();
});