jquery - 在 jQuery 中延迟 CSS

Question

我有这个 div 我想在它淡出后隐藏 (display:none)，所以我输入:

$('.element').click(function(){
    $(this).animate({opacity:"0"},{duration:200});
    $(this).delay(200).css('display','none');
});

我突然想起 delay()s 不适用于 css。我曾经有一个小的 setTimeout 修复这个躺在周围但无法在任何地方找到它所以我尝试了这样的随机东西:

$('.element').click(function(){
    $(this).animate({opacity:"0"},{duration:200});
});
$('.element').click(function(){
    setTimeout(function(){
        $(this).css('display','none');
    },200);
});

还是不行。有人可以帮我吗？

Answer 1

jQuery 的 .animate() 具有回调功能，您可以发送一个匿名函数在动画完成后执行:

$(this).animate({opacity:"0"},{duration:200}, function(){
   $(this).css('display','none');
});

来源:jQuery animate