如何仅在前一个单击完成时执行下一个单击
How to execute the next click only when previous click finish?
我的HTML:
<div>
<p>Testing Paragraph</p>
<span>Testing Span</span>
<div class="content">This is the main content of this div</div>
</div>
我jQuery: $('p').click(function () {
$(this).parent().find('.content').slideToggle('slow');
});
小提琴:http://jsfiddle.net/Vs5DX/
从演示中可以看到,当您单击段落时,内容将向上和向下滑动。问题是,如果我快速点击段落多次,那么它就会在没有点击的情况下不断上下移动。
我试过:
$(this).parent().find('.content').stop(true).slideToggle('slow');
但是当动画停止时更糟。什么好主意吗?
您可以使用:not来排除当前:animated元素:
$('p').click(function () {
$(this).parent().find('.content:not(:animated)').slideToggle('slow');
});
更新小提琴
以变量开头:
varClicked = false;
在slideDown设置为true,只有当它为true时才允许slideUp,在slideUp设置为false
相关文章:
- 复选框:一次只允许单击一个复选框
- 在单击一个或多个复选框的同时调用iframe
- 单击一个数据表,填充第二个数据表
- 如果某个值在另一个节点中,我如何每秒自动单击一个链接
- 如何通过jQuery选中所有复选框并在单击一个复选框时取消选择
- JavaScript 每 5 秒单击一个链接
- 单击一个按钮,直到它在CasperJS中消失
- 检查多个复选框列表与单击一个按钮
- 单击一个后自动折叠所有其他可折叠内容
- 如何在只单击一个星形按钮的情况下启用禁用按钮
- 单击一个按钮10次,然后重新加载页面
- 单击一个按钮时,如何隐藏两个按钮
- 单击一个具有字符串名称的类以激活另一个类
- 我想单击一个
- 并获取 id 以通过 POST 将其插入数据库,可以吗?
- 停止 3 个图像旋转只需单击一个按钮
- 如何在单击一个按钮时存储多个值
- 如何每 10 毫秒自动单击一个按钮
- 允许用户仅单击一个“.”
- 我想单击一个按钮,一次只执行已经制作的程序中的一行代码.(JavaScript)
- 在两个或多个 UL 列表之间切换,如果单击一个列表,则其他列表会自动以初始状态返回,就像从未单击过一样