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(); 
});