jquery UI 对话框多次打开

Question

我的 jquery UI 对话框在其自身之上多次加载时遇到问题：

click -> opens dialog(1 time) -> close dialog
click - > opens dialog(2 times) -> close dialog
click - > opens dialog(4 times) -> close dialog
click - > opens dialog(8 times) -> close dialog

正是这里描述的内容：Why does my modal jQuery dialog open multiple times?

我遵循的解决方案对那个人有效，但对我无效。对那个人有效的解决方案是：

1) 在函数外初始化对话框 2) 仅在 load() 成功回调时打开

如您所见，我在下面的代码中做了这两件事，但问题仍然存在。请帮忙： （顺便说一句，一般结构是我在单击链接时加载一个对话框。然后当单击该对话框中的注册按钮时，我在其顶部加载另一个小的确认对话框，并带有一个关闭两个对话框的 OK 按钮。）

$(document).ready(){
   var $registerDialogHandle = null;
    var $registerStatusDialogHandle = null;

    $registerDialogHandle = $('<div></div>').html("").dialog({
        autoOpen: false, modal: true,  width: 470, height: 552,
        buttons: {
            "Register": function () {
                if ($('#registerForm').validate().form()) {
                    $.ajax({
                        ...ajax settings...
                        success: function () {
                            openInDialog($registerStatusDialogHandle, "/Account/RegisterStatus");
                        }
                    });
                }
            }
        }
    });

    $registerStatusDialogHandle = $('<div></div>').html("").dialog({
        autoOpen: false, modal: true, width: 365, height: 165,
        buttons: {
            "OK": function () {
                $(this).dialog("close");
                $registerDialogHandle.dialog("close");
            }
        }
    });

    $('.registerLink').live("click", function () {
        openInDialog($registerDialogHandle, "/Account/Register?path=_RegisterPartial");
    });
} /*End of document.ready()*/

function openInDialog(dialog, target) {
    var $url = target;
    var $dialog = dialog;
    $dialog.empty();
    $dialog.dialog("option", "position", "center").load($url, function () {
         $dialog.dialog("open");
    });
}

Answer 1

如果我将 .remove() 调用更改为 .hide() 调用，这里似乎可以正常工作：

http://jsfiddle.net/jtbowden/s6SxE/