javascript - 仅当尚未运行 jQuery UI 时才运行动画

标签 javascript jquery jquery-ui

我正在使用jQuery UIBounce Effect在这样的点击事件上

$("#myelm").click(function(){
    $(".wlbutton").children("span.new").effect( "bounce", "slow");
});

我只想在效果尚未运行时运行该效果。因此,如果您快速单击两次,它只会在第一次单击时起作用。我怎样才能实现这个目标?

我尝试使用 jQuery 的 .stop() 清除队列,但没有成功。

最佳答案

您可以使用.not来过滤它:

$('#myelm').click(function(){
   $('.wlbutton').children('span.new').not(':animated').effect('bounce', 'slow');
});

但是,由于代码可读性,我会使用 .is 函数来检查而不是过滤器

关于javascript - 仅当尚未运行 jQuery UI 时才运行动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20549519/

相关文章:

javascript - jQuery Ajax POST JSON 问题

javascript - 如何在 node.js 中获取调用者函数的文件路径?

javascript - jquery Cropper getData 函数返回一个对象而不是数据 :image

javascript - jquery UI Datepicker 日历和两个字段(备用)

javascript - 未捕获的类型错误 : Cannot read property 'children' of null

php - 一次跟随一个从 PHP 数组返回的链接,并暂停

javascript - Safari 在另一个过渡中应用 translate3d 过渡时隐藏元素

jquery - CSS/Jquery - 响应悬停

jquery - Fancybox 2.0 关闭按钮位于窗口顶角

javascript - jQuery 在向远程 URL 发送请求时忽略前导和尾随空格