如何执行多个并发的jquery效果?

前端之家收集整理的这篇文章主要介绍了如何执行多个并发的jquery效果?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我在一个页面上动画化一些错误/验证元素.我希望他们反弹并被强调,但如果可能,同时.这是我目前正在做的:
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);

Demo in JsFiddle

猜你在找的jQuery相关文章