fadeOut只工作一次

Question

我有一个使用AJAX应用的插入语句，当我将fadeOut函数应用于成功消息消失但是当我尝试插入另一个值时，虽然在数据库中插入了值，但成功消息不再出现。 / p>

Ajax代码：

$(document).ready(function(){

    $("#insert").click(function(event){
        event.preventDefault();
        $.ajax({
               url:"insert_back.php",
               method:"post",
               data:$('form').serialize(),
               dataType:"html",
               success:function(msgStr){
                   $("#Imsg").html(msgStr).fadeOut(3000);
                   }

              })
        })  
})

Answer 1

成功功能 改变$("#Imsg").html(msgStr).fadeOut(3000);这到$("#Imsg").show().html(msgStr).fadeOut(3000);

Answer 2

在提交表单之前添加$("#Imsg").html('').fadeIn(0);

$(document).ready(function(){
    $("#insert").click(function(event){
        event.preventDefault();
        $.ajax({
            url:"insert_back.php",
            method:"post",
            data:$('form').serialize(),
            dataType:"html",
            beforeSend: function() {
                $("#Imsg").html('').fadeIn(0);
            },
            success:function(msgStr){
                $("#Imsg").html(msgStr).fadeOut(3000);
            }

        })
    })  
})