JQuery - 创建后淡出元素

Question

我目前正在开发一个JQuery游戏（只是为了使用JQuery）并且在某些碰撞中，会创建一个“爆炸”类。

现在我正在使用$("#game").append("the div html code goes here")将其添加到游戏div中。现在，如何在创建元素后创建它，它在创建后淡出？我尝试按照$(".explosion").load(function goes here)的方式做一些事情，但这似乎不起作用：\

Answer 1

你可以这样做：

$("the div html code goes here").appendTo("#game").fadeOut();

如果你想在淡出之后摆脱它，你可以这样做：

$("the div html code goes here").appendTo("#game").fadeOut(function() {
    $(this).remove();
});

在此工作演示： http://jsfiddle.net/jfriend00/qbJgh/

Answer 2

这是我上面答案的简化版

$('#itemSelector').fadeOut(600, function(){
    $('#itemSelector').remove();
});

此代码可以包含在单击功能中。