0

アニメーションのキューイングに使用できるプラグインはありますか？

jQuery.Queue（）とコールバック関数がオプションとして表示されますが、複数のDOMがあるため、キュー（ "fx"）がdivで機能しないという問題があります。

基本的には、並べ替えを視覚化するアニメーション機能があり、1つずつ並べ替えてほしいと思っていました。カスタムキューを作成しようとしていますが、キューイングを処理し、アニメーションを段階的に実行する機能を提供するプラグインが存在するかどうか疑問に思っています。

複数のdivを含むアニメーションを1つずつ作成するための最良のオプションを誰かが教えてくれれば、とても助かります。

編集： http： //jsfiddle.net/realwork007/tnJug/

フィドルは機能しませんが、selectionSort（）を調べると、さまざまなアニメーションメソッドが呼び出されます。実行すると、アニメーション関数を段階的に実行したいのですが、現在はすべて同時に実行されます。

4

1 に答える 1

5

これが役立つかもしれない小さなスクリプトです。画像を1枚ずつフェードするのによく使います。

$.fn.fade1by1 = function (options) {

    var opt = $.extend({
            'delay' : 500,
            'speed' : 500,
            'ease' : 'swing' // Other requires easing plugin
        }, options);

    var that = this;
    for (var i = 0, d = 0, l = that.length; i < l; i++, d += opt.delay)
        that.eq(i).delay(d).fadeIn(opt.speed, opt.ease);

    return this

};

デモ： http： //jsfiddle.net/elclanrs/9Zxew/

于 2012-06-27T05:12:49.990 に答える