JQuery FadeOut/Remove

Question

这是一篇帖子的后续内容> 如何在jQuery中"fadeOut"和"删除"一个div？ - 但是我们已经两年了,而不是去挖掘它,因此有必要发一篇新文章.

我玩过它,这很有效(内联JQuery)

<a onclick='$("#alert_top").fadeOut(300, function(){ $(this).remove(); });' class="alert_topClose">Link</a>

删除div"alert_top".但内联链接不整洁.

试图获得相同的结果,这不起作用(JQuery +链接)

$(".alert_topClose").click(function(){
    $("#alert_top").fadeOut(300, function(){
        $(this).remove();
    });
});

与链接

<a class="alert_topClose">Link</a>

任何帮助,为什么会非常感激.我看不出是什么问题.

Answer 1

确保您在$(document).ready()或中执行上述代码$().如果在jQuery尝试获取元素时该元素不可用,则它无法附加事件处理程序.试试这个

$(function(){
  $(".alert_topClose").click(function(){
    $("#alert_top").fadeOut(300, function(){
      $(this).remove();
    });
  });
});