为jQuery动画设置队列长度
为jQuery动画设置队列长度
提问于 2013-10-28 11:18:58
有办法设置动画函数的队列长度吗？
假设有人使用箭头键发射jQuery动画函数。现在，他疯狂地冲刺箭头键，不得不等待排队的函数完成，这可能需要很长时间，而且可能会令人困惑和神经错乱。我知道您可以停止()动画，但我希望它的队列长度为3。
这是一个小提琴。打开然后按下你的钥匙。
示例代码：
var div = $(".bouncer");
function runIt() {
div
.animate({ left: "+=200" }, 500 )
.animate({ left: "-=200" }, 500 )
}
$(document).keydown(function(e) {
if (e.keyCode) {
runIt();
}
});回答 1
Stack Overflow用户
回答已采纳
发布于 2013-10-28 13:11:59
据我所知，没有直接的方法可以做到这一点，但请尝试如下：
var div = $(".bouncer");
function runIt() {
div.animate({left: "+=200" }, 500)
.animate({left: "-=200" }, 500)
}
$(document).keydown(function (e) {
if (e.keyCode) {
var len=div.queue("fx").length;
if(len<=1)
runIt();
}
});Jsfiddle.net/kcCG5 5/4/
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/19633369
复制相关文章
相似问题
腾讯云开发者
