javascript - 如何在添加类时设置顺序延迟？

Question

我正在使用 jQuery UI 插件和最新的 jQuery。

我想按顺序添加类，在我的元素数组中一一添加。现在我有这个:

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

其中@el是数组中的当前元素。但是，这不会在运行迭代中的下一项之前延迟该对象。我大致根据这个想法制作了这个动画..

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

Answer 1

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");
});