javascript - 在对话框关闭时删除附加元素

Question

我使用 JQuery 和 Ajax 来更新我的数据库。每次成功更新后，会显示一个 png 图标 1 秒。更具体地说，更新表单包含在 JQuery 对话框中。问题是更新并关闭对话框后，图标不会再次显示，直到我刷新页面。我相信我必须在关闭对话框后解除绑定，但我不知道如何。下面是我的代码

$(this).find('.mydialog').dialog({
width: 'auto',
height:'auto',
resizable: false,
buttons: function() {
        $(this).dialog("open");
    },
modal:true,
open: function() {
        $(this).find('.form1').on('submit', function() {
        var id = $(this).find('.ID').val(); 
        var name = $(this).find('.NAME').val(); 
        var dataString = 'id='+ id + '&name=' + name; 

        $.ajax({
            type: "POST",
            url: "../myfolder/update.php",
            data: dataString,
            success: function(){ // the displayed icon
            $('.info').append("<img src='../images/success.png' width='30px' height='35' />").delay(1000).fadeOut();
            }
        });
            return false;           
    });
},

close: function() {
       $(this).dialog("destroy"); // I tried this but it doesn't work!      
},
});

感谢帮助

Answer 1

尝试更改此行：

$('.info').append("<img src='../images/success.png' width='30px' height='35' />").delay(1000).fadeOut();

至

$('.info').show().html("<img src='../images/success.png' width='30px' height='35' />").delay(1000).fadeOut();