我正在页面上制作一些错误/验证元素的动画。我希望它们能够弹跳并突出显示,但如果可能的话,同时进行。这是我目前正在做的事情:
var els = $(".errorMsg");
els.effect("bounce", {times: 5}, 100);
els.effect("highlight", {color: "#ffb0aa"}, 300);
这会导致元素首先反弹,然后突出显示,我希望它们同时发生。我知道与.animate()
你可以指定queue:false
在选项中,但我不想使用动画,因为预先构建的效果“反弹”和“突出显示”正是我想要的。
我尝试过简单地链接调用,例如els.effect().effect()
,那是行不通的。我也尝试过queue:false
在我传入的选项对象中,这不起作用。
默认情况下,jQuery UI 将对效果进行排队。使用 dequeue() 同时运行:
var opt = {duration: 7000};
$('#lbl').effect('highlight', opt).dequeue().effect('bounce', opt);
JsFiddle 中的演示 http://jsfiddle.net/HoffZ/hBEmR/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)