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

Я думаю, вы должны сделать это

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

Answer 3

Из документации по jQuery ...

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

Это может помочь.