如果用户单击多次，则停止.click功能

Question

如果用户单击次数过多，如何停止.click功能？ 我的代码：

$('button').click(function() {
    $('#bg').fadeToggle('200');
});

jsfiddle演示

Answer 1

超过5次点击后，它将停止执行该功能： http : //jsfiddle.net/1dc8u7ms/1/

  var counter = 0;
    $('button').click(function() {
        if(counter > 5){return};
        $('#bg').fadeToggle('200');
        return counter++;
    });

Answer 2

尝试使用one

$( "#foo" ).one( "click", function() {
 $('#bg').fadeToggle('200');
});

见DOC

Answer 3

尝试这样的事情：

var maxclicks = 5,
    clicks = 0,
    handler = function() {
        if(clicks < maxclicks){
            $('#bg').fadeToggle('200');
            clicks++;
        }    
        else{
            console.log('You have reached the limit of '+ maxclicks + ' clicks.');
            $('button').off('click',handler)
        }

    };

$('button').on('click',handler);

Answer 4

我认为您是在问这个问题，因为fadeToggle动画没有任何表现。

您可以使用.stop([bool], [bool])控制运行/排队的动画