javascript - jQuery 汉堡包菜单 - 调用多个事件

Question

$( document ).on( "vclick", '#icon', function() {

    $("#navigation").animate({height: 'toggle'}, 600, "linear");

});

你好，

我目前有一个汉堡包菜单，除了一件事外，它工作得很好。如果我点击 #icon 10 次，它将执行代码 10 次，我想知道是否可以让它仅在完成时可点击并删除整个队列系统。

提前致谢。

Answer 1

您可能会按照以下方式做一些事情:

JavaScript

var animating = false;
$(document).on( "vclick", '#icon', function() {
   if(!animating) {
      animating = true;
      $("#navigation").animate({height: 'toggle'}, 600, "linear", function() {
         animating = false;
      });
   }
});