使用jQuery淡出后隐藏div，而不是之前

Question

我正在尝试使用jQuery动画和链接淡出div，但需要在它淡出之后而不是之前隐藏div。 我当前正在使用该功能：

$('#loadhere').hide().stop().animate(
    {
        'opacity' : '0'
    }, 500);

我尝试将.hide（）放在动画之后，但仍然无法正常工作。 我敢肯定这是一个简单的解决方法，但今天我只是想念它。

Answer 1

这正是.fadeOut()作用：

$('#loadhere').stop().fadeOut(500);

Answer 2

使用.animate（）提供的完整回调

$('#loadhere').stop().animate({
    'opacity' : '0'
}, 500, function(){
    $(this).hide()
});

Answer 3

$('#loadhere').fadeTo(500, 0, function(){
    $(this).hide();
});

Answer 4

连续调用.fadeOut() .hide()和.fadeOut() 是多余的 -完成后都设置css属性display:none 。

。隐藏（）

匹配的元素将立即隐藏，没有动画。 这大致相当于调用.css（'display'，'none'）

。淡出（）

.fadeOut（）方法可对匹配元素的不透明度进行动画处理。 一旦不透明度达到0，显示样式属性将设置为none，因此该元素不再影响页面的布局。