Question

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

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

jsfiddle DEMO

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])

控制正在运行/排队的动画

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

4 个答案: