JQuery UI закрыть диалоговое окно, когда форма будет отправлена ​​

Question

Я пытался сделать последующие:

• форма получает показал в JQuery Диалог
• Когда форма получает представлен, диалог JQuery должен закрыть

I я пытаюсь использовать следующий код:

$('#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

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

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

Это может сделать трюк.

Answer 2

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

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

Answer 3

Вы должны попробовать .remove().

Это удалит элемент, и он не появится снова.