试图让一些div淡出，然后被删除(trying to make some divs fadeOut

我试图做一些div淡出，然后被删除。

$("article.articles .thumb a").click(function() {
    $(this).parent().parent().addClass("selected");
    $("article.post").not(".selected").fadeOut(500).delay(1500).remove();
    $('#stream').isotope('reLayout');
});

但div的是马上删除不褪色。

我究竟做错了什么？

Answer 1:

你可以使用fadeOut()后，淡入淡出效果完全是执行回调函数。

.fadeOut（[时间] [，回调]）

$("article.post").not(".selected").fadeOut(500, function(){
   $(this).remove();
})

要么：

$("article.post").not(".selected").fadeOut(500).delay(2000).queue(function(){
   $(this).remove()
})

Answer 2:

你是不是等待的div删除之前淡出。 您需要创建一个回调函数，并调用它里面删除。

使用此Snippet-

   $("article.post").not(".selected").fadeOut(500, function(){
                            $("article.post").not(".selected").remove();
                        });

Answer 3:

$("article.articles .thumb a").click(function() {
    $(this).parent().parent().addClass("selected");
    $("article.post").not(".selected").fadeOut(500, function(){
    setTimeout(function(item){ 
      jQuery(item).remove(); }, 1500, $(this));
});
    $('#stream').isotope('reLayout');
});

文章来源: trying to make some divs fadeOut and then be removed