多个 jquery 效果在特定时间多次

Posted 2023-05-08

【中文标题】多个 jquery 效果在特定时间多次

【英文标题】：multiple jquery effects multiple times at specific timing

【发布时间】：2012-10-27 21:50:39

【问题描述】：

我有这段代码：

$("#au").click(function()
    $("#sca").delay(18625).effect("bounce","highlight",2000);
    $("#scb").delay(26520).effect("bounce","highlight",2000);
    $("#scc").delay(30884).effect("bounce","highlight",2000);
    $("#scd").delay(34901).effect("bounce","highlight",2000);
    $("#sce").delay(39000).effect("bounce","highlight",2000);
    $("#scf").delay(44000).effect("bounce","highlight",2000);
    $("#scg").delay(45000).effect("bounce","highlight",2000);
    $("#sca").delay(51000).effect("bounce","highlight",2000);
    $("#scb").delay(52000).effect("bounce","highlight",2000);
    $("#scc").delay(53000).effect("bounce","highlight",2000);
    $("#scd").delay(55000).effect("bounce","highlight",2000);
    $("#sce").delay(56000).effect("bounce","highlight",2000);
    $("#scf").delay(57300).effect("bounce","highlight",2000);
    $("#scg").delay(61403).effect("bounce","highlight",2000);
    $("#sca").delay(67500).effect("bounce","highlight",2000);
    $("#scb").delay(68200).effect("bounce","highlight",2000);
    $("#scc").delay(69200).effect("bounce","highlight",2000);
    $("#scd").delay(71400).effect("bounce","highlight",2000);
    $("#sce").delay(72300).effect("bounce","highlight",2000);
    $("#scf").delay(73000).effect("bounce","highlight",2000);
    $("#scg").delay(77500).effect("bounce","highlight",2000);
    $("#au-sca").get(0).play();
);

问题是，只有bounce 有效，highlight 无效（这不是很遗憾，这只是一个愿望）。第二个和第三个“循环”不是在正确的时间触发，而是在一分钟左右之后触发。是否有任何已知的行之有效的方法来克服这两个障碍并同时使代码不那么突兀？

【问题讨论】：

嗯，这是一个与歌曲同步的“动画”，但我不能把它放到网上。

@user1718397：您不必将整个事情都放到网上，只要足以证明您遇到的问题即可。此外，我认为您会在下面找到 Darrrrrren（或者应该是许多 r）有您的答案。 effect 不允许您同时使用多个效果。

【参考方案1】：

据我所知，jQuery UI 效果函数一次只产生一个效果 - 因此您指定的第二个参数实际上被解释为（显然）不存在的选项。

您的问题类似于this 问题，答案实际上结合了您尝试结合的两种效果。我相信这个问题的答案正是您所需要的。