使用jquery淡出后隐藏div,而不是之前

时间:2013-08-07 03:00:33

标签: javascript jquery html css

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

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

我尝试在动画之后放置.hide(),但它仍然无效。我确信这是一个简单的解决办法,但我今天就错过了。

4 个答案:

答案 0 :(得分:5)

这正是.fadeOut()的作用:

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

答案 1 :(得分:2)

使用.animate()

提供的完整回调
$('#loadhere').stop().animate({
    'opacity' : '0'
}, 500, function(){
    $(this).hide()
});

答案 2 :(得分:0)

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

答案 3 :(得分:0)

连续致电.hide().fadeOut() 是多余的 - 两者都在完成时设置了css属性display:none

<强> .hide()

  

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

<强> .fadeOut()

  

.fadeOut()方法可以设置匹配元素的不透明度。一旦不透明度达到0,显示样式属性将设置为none,因此该元素不再影响页面的布局。