我正在页面上制作一些错误/验证元素的动画。我希望它们能够弹跳并突出显示,但如果可能的话,同时进行。这是我目前正在做的事情:
var els = $(".errorMsg");
els.effect("bounce", {times: 5}, 100);
els.effect("highlight", {color: "#ffb0aa"}, 300);
这会导致元素首先弹起,然后突出显示,我希望它们同时发生。我知道使用 .animate()
您可以在选项中指定 queue:false
,但我不想使用 animate,因为预构建的效果会“反弹”和“突出显示”正是我想要的。
我尝试过简单地链接像 els.effect().effect()
这样的调用,但这不起作用。我还尝试将 queue:false
放入我传入的选项对象中,但这不起作用。
最佳答案
默认情况下,jQuery UI 会对效果进行排队。使用 dequeue() 同时运行:
var opt = {duration: 7000};
$('#lbl').effect('highlight', opt).dequeue().effect('bounce', opt);
关于jquery - 如何同时执行多个 jquery 效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2344804/