如何通過實現禁用按鈕？

Question

我嘗試在不刪除點擊事件的情況下禁用實現中的按鈕。但正如你可以看到這個jsfiddle，我只獲得視覺效果。點擊事件仍在啓動。

我試過如下：

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

它是一個錯誤嗎？或者我做錯了什麼？

編輯：似乎沒有與標籤問題button

Answer 1

我找到了答案。

a標籤不能被屬性禁用，button可以用來代替。

Answer 2

您可以刪除當點擊#disableBtnOne聽衆 -

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

見新Fiddle

Answer 3

你可以添加一些CSS規則並保留你當前的jQuery代碼。

例如：

.disabled { 
    pointer-events: none; 
} 

這將阻止所有的事件，當這個類被觸發。

見fiddle：

注：指針事件在最現代的瀏覽器支持。檢查出來：http://caniuse.com/#feat=pointer-events