jQuery 延迟不起作用

Question

$('.transparent').removeClass('transparent').delay(2000).addClass('not_transparent').delay(4000)

我有一个半透明的 div，然后想将其切换为不透明。但是 jQuery .delay();方法在这里似乎不起作用。我试过 .fadeIn();相反，它会延迟工作，但它不适用于不断变化的类(class)。

Answer 1

.delay()用于作为 queue 一部分的项目，例如动画。一个简单的 addClass 没有排队。

您可以使用setTimeout。

var trans = $('.transparent').removeClass('transparent');
setTimeout(function() {
    trans.addClass('not_transparent');
}, 2000);

作为替代方案，您可以使用 .queue() 将未排队的项目添加到队列中，尽管我认为 setTimeout 会更好。

$('.transparent').removeClass('transparent').delay(2000).queue(function(nxt) {
      $(this).addClass('not_transparent');
      nxt();
});