jquery：如何在關閉時完全刪除對話框

Question

當ajax操作失敗時，我創建一個帶有錯誤的新div，然後將其顯示爲對話框。當對話框關閉時，我想徹底銷燬並刪除div。我怎樣才能做到這一點？我的代碼看起來像這樣的時刻：

$('<div>We failed</div>') 
    .dialog(
    { 
     title: 'Error', 
     close: function(event, ui) 
     { 
      $(this).destroy().remove(); 
     } 
    }); 

當我運行這個對話框中顯示正確，但是當我關閉該對話框仍然在（使用螢火蟲）的HTML可見。我在這裏錯過了什麼？我忘記了什麼？

更新：只是注意到我的代碼給我在螢火蟲控制檯的錯誤。

$（本）.destroy不是一個函數

任何人能幫助我嗎？

更新：如果我只是$(this).remove()，而不是從html中刪除項目。但它是否完全從DOM中刪除？或者，我是否也需要首先調用該銷燬函數？

Answer 1

$(this).dialog('destroy').remove() 

這將破壞對話，然後你爲什麼要刪除它完全從DOM

Answer 2

刪除了「託管」對話框中的div？

如果是爲了防止正在創建多個實例，那麼就用下面的辦法......

$('#myDialog') 
    .dialog( 
    { 
     title: 'Error', 
     close: function(event, ui) 
     { 
      $(this).dialog('close'); 
     } 
    }); 

而發生錯誤時，你會怎麼做？

$('#myDialog').html("Ooops."); 
$('#myDialog').dialog('open'); 

Answer 3

的醜陋的解決方案，它就像一個魅力對我來說：

$("#mydialog").dialog(
    open: function(){ 
     $('div.ui-widget-overlay').hide(); 
     $("div.ui-dialog").not(':first').remove(); 
} 
}); 

Answer 4

$(dialogElement).empty(); 

$(dialogElement).remove(); 

這個修復它真正的

Answer 5

你可以使用

$(dialogElement).empty();  
$(dialogElement).remove(); 

Answer 6

這對我來說

$('<div>We failed</div>') 
    .dialog(
    { 
     title: 'Error', 
     close: function(event, ui) 
     { 
      $(this).dialog("close"); 
      $(this).remove(); 
     } 
    }); 

乾杯工作！

PS：我有一個類似的問題，上面的方法解決了它。