javascript - 使用jquery淡出后隐藏div，而不是之前

Question

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

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

我尝试将 .hide() 放在动画之后，但它仍然不起作用。我确信这是一个简单的解决方法，但我今天只是想念它。

score 5 · Accepted Answer

5

这正是这样.fadeOut()做的：

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

于 2013-08-07T03:03:33.400 回答

score 2 · Accepted Answer

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

score 0 · Accepted Answer

0

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

于 2013-08-07T03:04:52.820 回答

score 0 · Accepted Answer

连续调用两者.hide()是多余的——完成时都设置 css 属性。.fadeOut()display:none

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

.fadeOut() 方法动画匹配元素的不透明度。一旦 opacity 达到 0，display style 属性就设置为 none，因此元素不再影响页面的布局。

4 回答 4