javascript - 如何在 jQuery 中 "fadeOut"和 "remove"一个 div？

Question

我正在尝试为 div 提供淡出效果并在单击图像时删除该 div(id = "notification")。

这就是我的做法:

<a onclick="$("#notification").fadeOut(300,function() { $("#notification").remove(); });" class="notificationClose "><img src="close.png"/></a>

这似乎不起作用。 我需要做什么来解决这个问题？

Answer 1

试试这个:

<a onclick='$("#notification").fadeOut(300, function() { $(this).remove(); });' class="notificationClose "><img src="close.png"/></a>

我认为您在 onclick 周围的双引号使其无法正常工作。 :)

编辑:如下所述，内联 javascript 是邪恶的，您应该将其从 onclick 中取出并将其移至 jQuery 的 click()事件处理程序。这就是现在酷 children 的做法。