Jquery多条通知消息

我正在尝试创建stackoverflow类型的通知消息。我从其他帖子中找到了我需要的大部分代码，但是如果使用了多个通知，那么在关闭邮件时就会遇到问题。理想情况下，如果3个盒子中的第二个盒子被关闭，那么它将逐渐消失，第三个盒子将取代第二个盒子

HTML

JQuery

<script type="text/javascript">
    $(document).ready(function() {
        $(".message").fadeIn("slow");
        $(".message a.close-notify").live('click', function() {
            $(this).parent().fadeOut('fast', function() { $(this).parent().remove(); });
            return false;
        });
    });
 </script>

$（文档）.ready（函数（）{
$（“.message”）.fadeIn（“慢”）；
$（“.message a.close-notify”）.live（'click'，function（）{
$（this.parent（）.fadeOut（'fast'，function（）{$（this.parent（）.remove（）；}）；
返回false；
});
});

尝试不返回false并使用preventDefault停止链接，同时尝试修改要使用的选择器，并在fadeOut的匿名函数中使用而不是父项：

<script type="text/javascript">
    $(document).ready(function() {
        $(".message").fadeIn("slow");
        $(".message > a.close-notify").live('click', function(e) {
            e.preventDefault();
            $(this).parent().fadeOut('fast', function() { $(this).closest('.message').remove(); });
        });
    });
 </script>

$（文档）.ready（函数（）{
$（“.message”）.fadeIn（“慢”）；
$（“.message>a.close-notify”）.live（'click'，函数（e）{
e、 预防默认值（）；
$（this.parent（）.fadeOut（'fast'，function（）{$（this.message'）.remove（）；}）；
});
});

如果问题在于消息的顺序，则可以使用。为每封新邮件增加一个变量，并将其分配给邮件的z索引。

您没有告诉我们问题是什么。删除通知，然后删除所有其他通知我说“如果问题是”。。。因为我想尽快帮你。但是现在你澄清了你的问题（作为答案），我发现我走错了方向。这就是问题所在：快速回答一个不清楚的问题，你就会被否决。。。所以我以后会避免这些问题…：(

<script type="text/javascript">
    $(document).ready(function() {
        $(".message").fadeIn("slow");
        $(".message a.close-notify").live('click', function() {
            $(this).parent().fadeOut('fast', function() { $(this).parent().remove(); });
            return false;
        });
    });
 </script>

<script type="text/javascript">
    $(document).ready(function() {
        $(".message").fadeIn("slow");
        $(".message > a.close-notify").live('click', function(e) {
            e.preventDefault();
            $(this).parent().fadeOut('fast', function() { $(this).closest('.message').remove(); });
        });
    });
 </script>