javascript - 如何在jQuery中“淡出”和“删除”一个div？(How to “fadeOut” & “remove” a div in jQuery?)

Question

I'm trying to give fadeout effect to a div & delete that div(id = "notification"), when an image is clicked.(当点击图像时，我正试图将fadeout效果赋予div并删除div（id =“notification”）。)

This is how I'm doing that:(这就是我这样做的方式：) <a onclick="$("#notification").fadeOut(300,function() { $("#notification").remove(); });" class="notificationClose "><img src="close.png"/></a> This seems to not be working.(这似乎不起作用。) What do I need to do to fix this?(我需要做些什么来解决这个问题？)   ask by RSilva translate from so

Answer 1

Try this:(试试这个：)

<a onclick='$("#notification").fadeOut(300, function() { $(this).remove(); });' class="notificationClose "><img src="close.png"/></a> I think your double quotes around the onclick were making it not work.(我认为你在onclick周围的双引号使它无法正常工作。) :)(:)) EDIT : As pointed out below, inline javascript is evil and you should probably take this out of the onclick and move it to jQuery's click() event handler.(编辑 ：正如下面所指出的，内联javascript是邪恶的，你应该从onclick取出它并将其移动到jQuery的click()事件处理程序。) That is how the cool kids are doing it nowadays.(这就是酷孩子们现在正在做的事情。)