2010-05-31 77 views
3

我在jQuery中使用animate()調整循環中的幾個div。與此同時,我正在移動(留下財產,根本不調整大小)包含它們的div。jQuery animate() - 多個選擇器和變量,一個獨特的動畫()調用

問題是,儘管它們在移動調用之前具有相同的持續時間,調整大小的動畫調用完成。他們不同步。有什麼辦法創建一個選擇器及其屬性列表,然後運行一個獨特的animate()調用?

或者,有沒有其他方法可以讓多個動畫同時發生?

我見過有一個屬性叫做一步出現這種情況,每次動畫出現環路,但各一遍,每動畫()調用有它自己的步驟調用。

感謝提前:)

這裏是一種僞代碼示例要求:

for(...){ 
    $(target_x).stop().animate({property_a:random_value, property_b:random_value}, {duration:300}); 
    } 
$(container).stop().animate({property_z:random_value}, {duration:300}); 
+0

你可以顯示你的代碼。你如何調整和移動元素?我有點困惑,因爲animate能夠立即改變多個屬性。也許你必須重新閱讀文檔:http://api.jquery.com/animate/ – 2010-05-31 17:39:43

+0

你可以發佈代碼,以便我們可以看到它是否有任何問題?如果他們有相同的持續時間,我不明白爲什麼他們會顯着不同步。 – Tesserex 2010-05-31 17:40:09

+0

我剛剛發佈了一些僞代碼,以便您明白。感謝您的幫助:) – ozke 2010-05-31 17:45:50

回答

0

@ozke:到目前爲止,這是凝灰岩建議你一些想法與出詳細的代碼。不過工作順利進行的所有在一起的多個動畫同步的這種情況下,它會更好,如果你實際調整動畫的持續時間(試驗和測試),即較慢外,更快內的動畫...

+0

但是通過試用/測試,它會根據瀏覽器的不同而執行不同的操作。不是嗎? – ozke 2010-06-17 10:51:31

+0

不會導致你遇到計時問題和時間r瀏覽器獨立 – 2010-06-20 12:59:22

0

試着改變停止( )至 .delay(400)

+0

它沒有工作。 :( – ozke 2010-06-17 10:50:36

0

查找到動畫隊列和出隊。鏈接相應。

+0

不排隊創建序列?因爲我想要oposite。添加大量動畫並一次播放它們。 – ozke 2010-06-17 06:49:31