最近になってからクリックしてX秒間待つ方法は？ - JQuery

Question

最近トリガーされた後、クリックのトリガーを遅らせたい。どうして？私のウェブサイトでは、単に「ドロップダウンアイコン」を何度もクリックするだけで、スライドを複数回切り替えたりしたくないのですから...ドロップダウンメニューがスライドされて別のものがトリガーされるまで待つことを望みます"ドロップダウンアイコン"

私のウェブサイトのURLがあるにクリックします。

function desplegarMenu() { //DESPLIEGA MENU EN RESPONSIVE 
    $('#dropdown').click(function() { 
     $('.container-menu ul').slideToggle(500); 
     $('#dropdown i').toggleClass("fa fa-bars").toggleClass("fa fa-times"); 
    }); 
} 

$(document).ready(function() { 
    desplegarMenu(); 
}); 

ありがとう：www.ayfshowroom.byethost5.com

私はjqueryのを使用して、新しいよ、これは私のコードです！

Answer 1

アニメーションが終了したときを監視し、終了したときにクリックイベントに反応します。

// create a new variable to record whether the animation is in progress 
var dropdownAnimating = false; 

function desplegarMenu() { //DESPLIEGA MENU EN RESPONSIVE 
    $('#dropdown').click(function() { 
     // if the animation is in progress, don't do anything 
     if (dropdownAnimating) return; 

     // set the flag that the drop down is animating 
     dropdownAnimating = true; 

     // use the complete function to reset the flag when the animation is complete 
     $('.container-menu ul').slideToggle(500, function() { dropdownAnimating = false; }); 

     $('#dropdown i').toggleClass("fa fa-bars").toggleClass("fa fa-times"); 
    }); 
} 

このように、アニメーションの進行中にユーザーがクリックすると、何も起こりません。

Answer 2

...

$('#dropdown').click(function() { 
    var self = this; 
    $(self).prop("disabled",true); //disabling the button, to prevent another click 
    $('.container-menu ul').slideToggle(500, function() { 
     $(self).prop("disabled",false); //enabling the button after animation 
    }); 
    $('#dropdown i').toggleClass("fa fa-bars").toggleClass("fa fa-times"); 
});