jquery - 当 jquery delay() 处于事件状态时无法运行单击功能

Question

我使用 jquery(ajax) 创建简单的表单，当用户提交表单时，将出现成功消息 slideDown() 并延迟 6 秒，然后 SlideUp() 但是当delay() 处于事件状态时，我无法关闭此框。

$("#show").click(function () {
    //ajax will submit form
    //$.ajax({
    //type: form34.attr("method"),
    //url: form34.attr("action"),
    //data: form34.serialize(),
    //success: function (data) {   ...
    //when success run this
    $(".message_div").addClass("message_success").slideDown().delay(6000).slideUp();
});

$(".close").click(function () {
    $(".message_div").slideUp();
}); 

这是我的jsfiddle

Answer 1

这段代码对我有用。

 $(".close").click(function () {
        $(".message_div").stop().slideUp();
 });