javascript - 单击禁用一段时间不适用于 jQuery

Question

我有这个 html 元素:

<div class="s_right hide_text"><a class="crackable" href="#">next</a></div>

我需要在一段时间内禁用此元素上的点击操作，我这样做:

$.fn.disableFor = function (time) {
    var el = this, qname = 'disqueue';
    el.queue(qname, function () {
        el.attr('disabled', 'disabled');
        setTimeout( function () {
            el.dequeue(qname);
        }, time);
    })
    .queue(qname, function () {
        el.removeAttr('disabled');
    })
    .dequeue(qname);
};

var settings_rc_right = $('.s_right a');

settings_rc_right.on('click', function(){
    $(this).disableFor(2000);
    // actions
});

我不知道为什么，但这仍然有效，我可以快速点击一个一个，然后点击调用操作。有人可以帮我吗？ Fiddle for this

Answer 1

只有 <input> , <textarea> , <select>和其他表单小部件支持禁用。对于其他元素，您可以添加禁用的 css 类。

<a>需要区别对待。您可以分配一个什么都不做的点击处理程序:

$("a").click(function(){ return false; });

此外，您应该使用 .prop() 而不是 .attr() .参见 .prop() vs .attr() .