提交表单时，jQuery UI关闭对话框

Question

我一直在尝试执行以下操作：

• 表单显示在jQuery对话框中
• 提交表单后，jQuery对话框应关闭

我正在尝试以下代码：

    $('#RegisterDialog').dialog({
               autoOpen: false,
                closeOnEscape: false,
                position: 'center',
                modal: true,
                width: 600,
                buttons: {
                    "Cancel account registration": function() { 
                        $(this).dialog("close"); 
                        window.location = 'http://localhost/';
                    } 
                }
});

$(".Register").click(function() {
           $('#RegisterDialog').dialog("close"); 
           $('#RegisterDialog').hide();
});

但是，它会隐藏并再次弹出。 我也尝试过'autoClose：false'。

有什么帮助吗？

Answer 1

您应该尝试.remove() 。

这将删除该元素，并且不会再次弹出。

Answer 2

从jQuery文档...

.dialog( "destroy" ) 
// Remove the dialog functionality completely. This will return the element back to its pre-init state.

这可能会成功。

Answer 3

我想你应该这样

$(".Register").click(function() {
           $('#RegisterDialog').dialog("close"); 
           //$('#RegisterDialog').hide(); --> no need to call this
});