JQuery FadeOut / Remove

Question

这是从这里的帖子开始的＆gt; How to "fadeOut" & "remove" a div in jQuery? - 但是我们已经两年了，而不是去挖掘它，这对于发布一个新帖子是有意义的。

我玩过它并且这可行（内联JQuery）

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

删除div“alert_top”。但内联链接不整洁。

尝试获得相同的结果，这不起作用（JQuery + link）

$(".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();
    });
  });
});