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

时间:2012-11-07 19:11:16

标签: jquery jquery-ui animation delay jquery-effects

我有这段代码:

$("#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(这不是很可惜,这只是一个愿望)。并且第二个和第三个“循环”在正确的时间没有触发,但是大约一分钟左右。是否有任何已知的方法可以克服这两个障碍&在同一时间使代码不那么突兀?

1 个答案:

答案 0 :(得分:1)

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

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