javascript - 使用带有 append() 的淡出方法

<分区>

我有以下代码:

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

我的意图是添加 div，然后使用 fadeout() 函数以淡出效果将其移除，现在显然上面的代码淡出整个 html 文档。

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

最佳答案

使用appendTo因为这将返回附加的 div 而不是 body:

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

关于javascript - 使用带有 append() 的淡出方法，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/34106822/

相关文章：

javascript - 单击 anchor 标记后汉堡菜单不会关闭