Jquery Can'；淡出父分区

我制作了一个类似div的工具提示，向访问者显示一些消息。我还为该div创建了一个close按钮。问题是，当按下close按钮时，我无法淡出工具提示div。关闭按钮位于工具提示分区内。我用

$（this.parent（）.fadeOut）尝试了关闭按钮（300）但它不工作。如果我设置了
hide（）
而不是
fadeOut
，它就会工作。有什么问题吗

HTML

<div class="msg_1" id="msg-1">
<div class="msg_type_1"></div>
<div class="msg_text">Changes saved</div>
<div class="msg_close"></div>
</div>

它看起来像是因为上一个动画队列

在dom ready上调用
fadeOut（）
之前有4秒的延迟，但是如果在4秒结束之前单击，函数将添加到动画队列的末尾，因此不会立即调用

您可以使用清除现有队列

演示：
看起来像是因为前面的动画队列

在dom ready上调用
fadeOut（）
之前有4秒的延迟，但是如果在4秒结束之前单击，函数将添加到动画队列的末尾，因此不会立即调用

您可以使用清除现有队列

演示：
看起来像是因为前面的动画队列

在dom ready上调用
fadeOut（）
之前有4秒的延迟，但是如果在4秒结束之前单击，函数将添加到动画队列的末尾，因此不会立即调用

您可以使用清除现有队列

演示：
看起来像是因为前面的动画队列

在dom ready上调用
fadeOut（）
之前有4秒的延迟，但是如果在4秒结束之前单击，函数将添加到动画队列的末尾，因此不会立即调用

您可以使用清除现有队列

演示：
您好，这是因为您设置了延迟

$(document).ready(function() {  
     $('#msg-1').hide().fadeIn(600);
    $(".msg_close").click(function () {
        $(this).parent().fadeOut(300);
    });


    setTimeout(function(){
        $(".msg_close").parent().fadeOut(600);
    },4000)


});

嗨，这是因为你耽搁了

$(document).ready(function() {  
     $('#msg-1').hide().fadeIn(600);
    $(".msg_close").click(function () {
        $(this).parent().fadeOut(300);
    });


    setTimeout(function(){
        $(".msg_close").parent().fadeOut(600);
    },4000)


});

嗨，这是因为你耽搁了

$(document).ready(function() {  
     $('#msg-1').hide().fadeIn(600);
    $(".msg_close").click(function () {
        $(this).parent().fadeOut(300);
    });


    setTimeout(function(){
        $(".msg_close").parent().fadeOut(600);
    },4000)


});

嗨，这是因为你耽搁了

$(document).ready(function() {  
     $('#msg-1').hide().fadeIn(600);
    $(".msg_close").click(function () {
        $(this).parent().fadeOut(300);
    });


    setTimeout(function(){
        $(".msg_close").parent().fadeOut(600);
    },4000)


});

比我快。好极了，好极了，比我快。好极了，好极了，比我快。好极了，好极了，比我快。好极了，好极了。