jquery + fadeOut 元素、addClass（隐藏时）、重新显示元素

Question

我正在寻找一些帮助来实现以下目标：

当文档准备好..

从 DOM 中找到并隐藏指定的 div，当它褪色/显示设置为“无”时，添加一个类 ' img2'。将类附加到初始选择器后，淡入 div 。 (display:block)

如何按指定的顺序链接以下方法？

目前，任何“addClass”方法都会在 DOM 准备好后立即启动，而不是在链式事件之后启动。

/*
select div, 
wait 2 secs., 
fade out for 1, 
add class 'img2' (which changes background-image property / style), 
re-display (display:block) selected element. (#bg-img).
*/
$('#bg-img').delay(2000).fadeOut(1000).addClass('img2');

Answer 1

jQuery.fadeOut 支持在效果完成后应应用的代码回调：

$('#bg-img').delay(2000).fadeOut(1000, function() {
  $(this).addClass('img2');
});

更新

正如@mdm 非常正确地指出的那样，您可以将回调参数传递给所有 jQuery 动画效果。

Answer 2

尝试与

$('#bg-img').delay(2000).fadeOut(1000, function () {
   $(this).addClass('img2');
 });