如何在jQuery中“淡出”和“删除”一个div？

javascript jquery

2022-08-30 00:32:58

我试图给一个div带来淡出效果，并在点击图像时删除该div（id = “通知”）。

我就是这样做的：

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

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

答案 1

试试这个：

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

我认为你周围的双引号使它不起作用。:)onclick

编辑：如下所述，内联javascript是邪恶的，你应该把它从中取出，并将其移动到jQuery的click（）事件处理程序中。这就是现在酷孩子的做法。onclick

答案 2

你真的应该尝试在单独的文件中使用jQuery，而不是内联。以下是您需要的：

<a class="notificationClose "><img src="close.png"/></a>

然后，这至少在页面底部的标签中或在外部JavaScript文件中。<script>

$(".notificationClose").click(function() {
    $("#notification").fadeOut("normal", function() {
        $(this).remove();
    });
});