如何從頁面中刪除jQuery UI對話框模型？

Question

當對話框關閉頁面時，對話框模型隱藏在頁面中。所以我如何刪除它們，然後將它們與模型一起刪除。意味着我可以如何刪除模型的對話框，以便他們在DOM中找不到同樣的模型。

Answer 1

我認爲你必須使用.dialog("destroy")與你用於創建它的相同選擇器 或者如果你將對話框轉換爲一個javascript變量，你可以調用該變量的方法。

$('#myid').dialog("destroy")//You created it with $('#myid').dialog() 
mydialog.dialog("destroy")//You created it with var mydialog = $('#myid').dialog() 

，如果你想這個，當你關閉時創建它dialag做到這一點：

$('#myid').dialog({close: $('#myid').dialog("destroy")}); 

編輯 - 好的，我明白你想刪除的對話框。要刪除HTML我認爲你可以這樣做：

$('#myid').dialog({close: $('#myid').remove()}); 
//this removes the element with the id myid from the DOM 

Answer 2

嘗試：

var dialog = $('#my_dialog').dialog(); 
$('#my_dialog').dialog('destroy').remove() 

或者把它的關閉事件：

var dialog = $('#my_dialog').dialog({ 
    close: function() { 
     $(this).dialog('destroy').remove(); 
    } 
});