如何摆脱不必要的JQuery弹出警报框

Question

我的代码如下：

 function loadPage(url){
   $("#wrapper").load(url, function(){
        $("#wrapper").find($('a')).each(function(){
             $(this).on('click', function(e){
                loadPage($(this).attr('href'));
                e.preventDefault();
             });
        });
    });
}

 function JQueryAlert(message,windowHeight){
if (!windowHeight) var windowHeight = 470;

$("#msgdialog").remove();

$("body").append("<div id='msgdialog'></div>"); 

thatmsg = $("#msgdialog");

$("#msgdialog").dialog({
    resizable: false,
    draggable: false,
    width: 770,
    height: windowHeight,
    context: thatmsg,
    modal: true,
    autoOpen: false,
    buttons: {
        "Cancel" : function (){
            thatmsg.dialog("close");
        },
        "OK" : function (){
            loadPage("combat.php");
        }
    }
});     

$("#msgdialog").html(message);
$("#msgdialog").dialog('open');
}

$(document).ready(function() { JQueryAlert("HELLO!", 120); });

如您所见，这将显示一个弹出警报框，并且在用户单击“确定”后，它将加载文件wart.php。 Combat.php只是一个准系统php文件，它回显诸如“ Hello world！”之类的调试消息。

现在，我的问题是，单击“确定”并加载战斗.php后，第一个弹出窗口消失了，但是又弹出了另一个弹出窗口。 我可以通过调用document.body.remove（“＃ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix”）摆脱它。 在我的fight.php中，但这具有“ Hello World！”的不良影响。 不再显示。 我如何摆脱这种不必要的弹出窗口？？？

谢谢阅读。

Answer 1

采用：

    "OK" : function (){
        loadPage("combat.php");
        thatmsg.dialog("close");
    }