當k-state-disabled應用時，使用k-button樣式的錨定標記仍然可點擊

Question

我正在使用Kendo UI，並且需要在單擊它後禁用按鈕。

我在點擊事件中應用'k-state-disabled'類。

該按鈕在視覺上被禁用（它被淡出並且看起來被禁用），但是當我將鼠標光標放在它上面時，我得到按鈕的懸停狀態，如果點擊，我實際上在我的點擊事件中得到一擊。

按鈕標記

<a class="submitButton k-button" >Submit</a> 

腳本

$('.submitButton').live('click', function() { 
    $('.submitButton').addClass("k-state-disabled"); 
    console.log("here"); 
}); 

有沒有別的東西，我需要爲了做到完全禁止這種定位的？我似乎記得在先前版本的Kendo中使用這個功能的殘疾人按鈕，但現在我不太確定...

Answer 1

即使使用k-state-disabled類，它總是會被禁用，這只是一個類，而不是刪除實際事件或禁用標記。

它看起來像你這樣做的唯一意味着被點擊一次鏈接，你的代碼改成這樣：

$(document).one('click', '.submitButton', function() { // jquery .one will only fire the event once 
    $(this).addClass("k-state-disabled"); 
    console.log("here"); 
});