如果用戶單擊多次，則停止.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])控制運行/排隊的動畫