对同一个元素并行执行多个 jQuery 效果答案

【问题标题】：Execute multiple jQuery effects on the same element in parallel对同一个元素并行执行多个 jQuery 效果
【发布时间】：2012-05-06 19:32:17
【问题描述】：

我看到这个问题被问了很多次，但没有一个解决方案对我有用。我有两个要并行执行的效果。

我希望盒子同时淡入和弹跳： http://jsfiddle.net/6VVUG/

【问题讨论】：

标签： jquery

【解决方案1】：

链接 UI 效果，并使用 dequeue() 一次性执行所有效果。

$("#t").hide().show("fade", {},  {duration:1200}).effect("bounce", { times:3 },  { duration:400}).dequeue();

FIDDLE

【讨论】：

谢谢！您可以链接或将 dequeue() 放在最后一个效果上：jsfiddle.net/6VVUG/2 有趣的是，如果您将 dequeue() 放在两个效果上，动画就会停止。
是的，没错，将动画添加到同一个元素上与链接它们完全相同，它们被添加到 FX 队列中，并且 dequeue 一次播放它们，清空 FX 队列，所以如果您在每个语句的末尾使用 dequeue，它不会按预期工作。

【解决方案2】：

试试这个

function g()
 {
    $("#t").hide();
    $('#t').show();
    $("#t").animate({ opacity: 0.5 }, 0).effect("bounce", { times:3 },  { duration:400, queue: false});
    $("#t").animate({ opacity: 1 }, 0);
 }

【讨论】：