Question

我正在研究HTML部分。我有一个按钮。单击该按钮时使用toggleSlide（）到div。
如果我快速点击该按钮4-5次下拉动画多次动画。我想避免它。
提前谢谢。

<button name="dropdown" id="dropdown"/>
<div id="dropdown1">
   Dropdown text here
</div>

JQuery的

$(document).ready(function(){
   $("#dropdown").click(function(){
      $("#dropdown1").toggleSlide();
   })
})

问题：点击多次（快速）。当我点击该按钮时，它会变得有效。

Answer 1

无需取消点击，您应该stop()动画。下面的基本示例

＆＃13;

$("#dropdown").on("click", function() {
  $("#dropdown1").stop().slideToggle();
});

＆＃13;

#dropdown1 {
  height: 200px;
  background-color: yellow;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<button id="dropdown">toggle</button>
<div id="dropdown1"></div>

＆＃13;

避免快速点击网站上的按钮

1 个答案: