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();

删除关闭对话框中的附加元素

1 个答案: