2012-11-07 49 views
0

效果多次我有這段代碼:多的jQuery在特定時間

$("#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

介意創建一個jsFiddle? – adamb

+0

好吧,這是一首與一首歌同步的'動畫',但我無法在線播放它。 – user1718397

+0

@ user1718397:你不必把整個事情放在線上,就足以證明你遇到的問題。除此之外,我認爲你會發現下面的Darrrrrren(或者說應該是很多的)應該有你的答案。 'effect'不允許你一次使用多個效果。 –

回答

1

據我所知,jQuery UI效果函數一次只會產生一個效果 - 因此您指定的第二個參數實際上被解釋爲顯然不存在的選項。

您的問題類似於this問題,其中答案實際上結合了您試圖結合的兩個效果。我相信這個問題的答案正是你需要的。

+0

謝謝Dar * en! – user1718397