2010-08-09 64 views
2

我試圖將Prototype幻燈片插件轉換爲jQuery。動畫功能相當簡單直觀:淡出可見幻燈片,淡入下一張幻燈片,兩個動畫同時開始和停止。這裏是原型代碼,我還沒有充分認識到:Prototype的Effect.Parallel在jQuery中相當於

fadeInOut: function (a, b) { 
    new Effect.Parallel(
     [ 
      new Effect.Fade(b, {sync: true}), 
      new Effect.Appear(a, {sync: true}) 
     ], { 
      duration: 1 
     } 
    ); 
} 

我寫這個jQuery等價的:

var anim = function (a, b) { 
    // m_Locked = true 
    a.fadeOut(1000); 
    b.fadeIn(1000); 
    // m_Locked = false 
}; 

我想知道是什麼Effect.Parallel做,如果有一個jQuery當量。我還需要設置並清除鎖定標誌,我將在動畫運行時使用該標誌禁用按鈕...這似乎不起作用。

回答

0

是的,你有興趣jQuery.queue()

每個元件可以有一到的由 jQuery的連接到它的許多功能 隊列。在大多數應用程序中,只使用一個 隊列(稱爲fx)。隊列 允許在一個元素上異步調用 的一系列動作,而不停止程序執行, 。 的典型示例是在 元素上調用 多種動畫方法。例如:

http://api.jquery.com/queue/

+0

嗯,我怎麼能添加動畫到兩個元素,並把它們放在一起一個隊列裏面? – 2010-08-11 08:58:26