原型的效果。在jQuery中的并行等价物

时间:2010-08-09 08:42:50

标签: jquery prototypejs scriptaculous jquery-effects

我正在尝试将Prototype幻灯片插件转换为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等价物。我还需要设置并清除一个锁定的标志,我将用它在动画运行时禁用按钮......这似乎不起作用。

1 个答案:

答案 0 :(得分:0)

是的,您对jQuery.queue()感兴趣。

  

每个元素都可以有一对多   附加到它的函数队列   jQuery的。在大多数应用程序中,只有一个   使用队列(称为fx)。队列   允许一系列动作   异步调用元素,   不停止程序执行。该   典型的例子就是打电话   一个多个动画方法   元件。例如:

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