Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/django/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 避免快速点击网站上的按钮_Jquery_Html - Fatal编程技术网

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

Jquery 避免快速点击网站上的按钮,jquery,html,Jquery,Html,我正在处理HTML部分。我有一个钮扣。单击该按钮时,会将Slide()切换为div. 如果我快速点击该按钮4-5次,下拉菜单会多次显示动画。我想避免它。 提前谢谢 <button name="dropdown" id="dropdown"/> <div id="dropdown1"> Dropdown text here </div> 问题: 一次单击多次(快速)。我点击该按钮的次数与它的动画次数相同。没有必要取消点击,你应该点击动画。下面是一个基本示

我正在处理HTML部分。我有一个钮扣。单击该按钮时,会将Slide()切换为div.
如果我快速点击该按钮4-5次,下拉菜单会多次显示动画。我想避免它。
提前谢谢

<button name="dropdown" id="dropdown"/>
<div id="dropdown1">
   Dropdown text here
</div>
问题:
一次单击多次(快速)。我点击该按钮的次数与它的动画次数相同。

没有必要取消点击,你应该点击动画。下面是一个基本示例

$(“#下拉列表”)。在(“单击”,函数(){
$(“#dropdown1”).stop().slideToggle();
});
#下拉列表1{
高度:200px;
背景颜色:黄色;
}

切换

单击后禁用按钮。在设定的时间段后,重新启用它。
$(document).ready(function(){
   $("#dropdown").click(function(){
      $("#dropdown1").toggleSlide();
   })
})