javascript - 无法在ajax成功中关闭对话框

Question

我正在动态调用对话框(单击时)，而不是先将其设置为 var。像这样:

$(".deleteSaved").click(function() {
        save_id = $(this).attr('id');


    div="<div>Are you sure you want to delete this?</div>";
    $(div).dialog({ 
        buttons: { 
            "Delete": function() { 
                $.ajax ({
                    url:"util.php",
                    data:"q=0&f=delete&save_id="+save_id,
                    success: function(result){
                        $(this).dialog("close"); //this line is not working
                        $("#toprow"+save_id).fadeOut();
                        $("#botrow"+save_id).fadeOut();
                    }
                })
            },
            "Cancel": function() { 

                $(this).dialog("close");
            } 
        },
        modal: true,
        title: 'Delete Saved Signal',
        resizable: false
    });
});

但是当我在 ajax success 函数中调用 $(this).dialog("close"); 时，出现以下错误:

Uncaught cannot call methods on dialog prior to initialization; attempted to call method 'close'

在“取消”按钮中 $(this).dialog("close"); 工作得很好。

如何在 ajax 成功调用中使用关闭函数？

Answer 1

在 success 函数中，'this' 没有指向对话框对象。您可能必须将对话框对象存储在另一个变量中，如下所示

"Delete": function() { 
                 var that = this;
                    $.ajax ({
                        url:"util.php",
                        data:"q=0&f=delete&save_id="+save_id,
                        success: function(result){
                            $(that).dialog("close"); //this line will work
                            $("#toprow"+save_id).fadeOut();
                            $("#botrow"+save_id).fadeOut();
                        }
                    })
                },