jquery + fadeOut元素,addClass(隐藏),重新显示元素

Question

我正在寻求一些帮助来实现以下目标:

文件准备好了..

从DOM中找到并隐藏指定的div,当它的faded/display设置为'none'时,添加一个'img2'类.将类附加到初始选择器后,将div淡入.(显示:块)

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

目前,任何'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动画效果.