jquery - 如何同时执行多个 jquery 效果？

Question

我正在页面上制作一些错误/验证元素的动画。我希望它们能够弹跳并突出显示，但如果可能的话，同时进行。这是我目前正在做的事情:

var els = $(".errorMsg");
els.effect("bounce", {times: 5}, 100);
els.effect("highlight", {color: "#ffb0aa"}, 300);

这会导致元素首先弹起，然后突出显示，我希望它们同时发生。我知道使用 .animate() 您可以在选项中指定 queue:false，但我不想使用 animate，因为预构建的效果会“反弹”和“突出显示”正是我想要的。

我尝试过简单地链接像 els.effect().effect() 这样的调用，但这不起作用。我还尝试将 queue:false 放入我传入的选项对象中，但这不起作用。

Answer 1

默认情况下，jQuery UI 会对效果进行排队。使用 dequeue() 同时运行:

    var opt = {duration: 7000};

    $('#lbl').effect('highlight', opt).dequeue().effect('bounce', opt);   

Demo in JsFiddle