当应用k-state-disabled时，仍然可以点击具有k按钮样式的锚标签

Question

我正在使用Kendo UI，我需要在点击后禁用按钮。

我在点击事件中应用'k-state-disabled'类。

按钮在视觉上被禁用（它已淡出并看起来已禁用），但是当我将鼠标光标放在它上面时，我得到了按钮的悬停状态，如果我点击，我实际上在点击事件中获得了一个点击。< / p>

按钮标记

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