Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery-创建后淡出元素_Javascript_Jquery - Fatal编程技术网

Javascript JQuery-创建后淡出元素

Javascript JQuery-创建后淡出元素,javascript,jquery,Javascript,Jquery,我目前正在开发一个JQuery游戏(只是为了使用JQuery),在某些冲突中,创建了一个“爆炸”类 现在我正在使用$(“#game”).append(“div html代码在这里”)将其添加到game div中。现在,我如何使其在创建元素后,在创建后淡出?我试着按照$(“.explosion”).load(函数在这里)的思路做一些事情,但似乎不起作用:\您可以这样做: $("the div html code goes here").appendTo("#game").fadeOut(); 如

我目前正在开发一个JQuery游戏(只是为了使用JQuery),在某些冲突中,创建了一个“爆炸”类


现在我正在使用
$(“#game”).append(“div html代码在这里”)
将其添加到game div中。现在,我如何使其在创建元素后,在创建后淡出?我试着按照
$(“.explosion”).load(函数在这里)
的思路做一些事情,但似乎不起作用:\

您可以这样做:

$("the div html code goes here").appendTo("#game").fadeOut();
如果要在它消失后将其清除,可以执行以下操作:

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

这里的工作演示:

这是我上面答案的简化版本

$('#itemSelector').fadeOut(600, function(){
    $('#itemSelector').remove();
});
此代码可以包装在click函数中