jQuery来禁用按键不灵

Question

我有以下按钮：

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

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

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

但是，它没有任何改变。有任何想法吗？

Answer 1

它不工作的原因是因为它是一个超链接，它不具有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(); 
}); 

Answer 2

已经是一个按钮不是锚定

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

现在，这个应该工作

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

更新OP提到他使用一个锚

解决方法之一：

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

解决方法二：（防止默认）

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