使用fadeout方法和append（）

Question

我有以下代码：

$('body').on('click' , function(){
     $('body').append('<div class="ajax-success"><p>Its Done !!!</p></div>').fadeOut(2000);
});

我的意图是添加div然后使用fadeout（）函数以淡出效果删除它，现在显然上面的代码淡出了整个html文档。

我已经看到了SO的一些类似线程，但它们具有fadeIn效果并且解决方案不适用，我也检查了文档，并且没有append()和{{的回调函数可用1}}这可能是我问题的可行解决方案，那么我如何使用append（）方法淡化我添加的appendTo()？

Answer 1

使用appendTo，因为这会返回附加的div而不是body：

$('body').on('click', function(){
    $('<div class="ajax-success"><p>Its Done !!!</p></div>').appendTo( this ).fadeOut(2000);
});

Answer 2

你的目标是body，这就是淡出的目标。找到一种方法来定位你想要的div。最简单的方法之一是：

$('body').append('<div class="ajax-success"><p>Its Done !!!</p></div>')
.find('.ajax-success')
.fadeOut(2000);

这假设页面上只有一个ajax-success＆-classed元素。如果更多，请找到一种方法使您的添加成为唯一。