jquery - 应用 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");
});

为了完全禁用这个锚，我还需要做些什么吗？我似乎记得在以前版本的剑道中禁用的按钮只能使用这个，但现在我不太确定......

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