JQuery禁用按钮不起作用[重复]答案

【问题标题】：JQuery to disable button not working [duplicate]JQuery禁用按钮不起作用[重复]
【发布时间】：2017-08-28 22:39:49
【问题描述】：

我有以下按钮：

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

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

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

但是，它没有工作，因为没有任何改变。有什么想法吗？

【问题讨论】：

【解决方案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();
});

【讨论】：

【解决方案2】：

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

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

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

【讨论】：