jquery - jquery：重叠的上滑 div。点击快速搞砸了

Question

我在使用 jquery 滑动 div 时遇到问题。如果我点击链接快速（例如第一个链接和第二个链接），div 将重叠（他们不应该做什么！）。这是我的代码：

<script type="text/javascript">

$(document).ready(function() {    
    $("div.slide").hide();

$('a.link').on('click', function(e) {

  e.preventDefault();
  var slideSelector = '#' + $(this).attr('id').replace('link', 'slide');

  $('div.slide').not(slideSelector).slideUp(1000, 'easeOutQuart', function() {
    $(slideSelector).slideDown(1000, 'easeOutQuart');
  });


  });      

});

</script>

看看演示，看看我的意思。我会很高兴收到你们的来信！！

Answer 1

嗯，只需添加一个布尔值来检查它是否被点击？我用触控板快速测试了它，它应该可以工作

$(document).ready(function() 
{    
    $("div.slide").hide();
    var clicked = false;
    $('a.link').on('click', function(e) 
   {

       if(!clicked)
       {
        e.preventDefault();
        clicked = true;
        var slideSelector = '#' + $(this).attr('id').replace('link', 'slide');

      $('div.slide').not(slideSelector).slideUp(1000, function() 
      {
          $(slideSelector).slideDown(1000, function(){
          clicked = false;
          });
      });
        }

  });      

});​