0

jQueryUIプラグインと最新のjQueryを使用しています。

要素の配列を1つずつ順番にクラスに追加したいと思います。今私はこれを持っています:

$(@el).addClass("gridBoxComplete", 400, "easeOutBounce").delay(800)

@el配列内の現在の要素はどこにありますか。ただし、これにより、反復の次の項目が実行される前にこのオブジェクトが遅延することはありません。私はこのアニメーションを大まかにこのアイデアに基づいています。

$(@).hide().each (index) ->
  $(@)
    .delay(index * 100)
    .fadeIn 500
4

1 に答える 1

3

delay()クラス名の変更やその他のコードの実行ではなく、アニメーションを遅らせます。一般的な実行遅延が必要な場合はsetTimeout、次のようなものを使用します。

$.fn.wait = function(ms, callback) {
  return this.each(function() {
    setTimeout(callback.bind(this), ms)
  })
}

$(@el).addClass("gridBoxComplete", 400, "easeOutBounce").wait(800, function() {
    $(this).addClass("something");
});
于 2012-11-03T20:35:02.410 に答える