Question

我正在寻求帮助以实现以下目标：

当文件准备就绪时

从DOM中找到并隐藏指定的div，当它的faded / display设置为'none'时，添加一个'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');
 });

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

2 个答案: