load（）來jQueryUI的對話框殺死對話框

Question

只是一個簡單的問題：

我可以做一個​​到jQueryUI的對話框，它可以完美運行。 一個問題是，我以後不能使用我的關閉按鈕，但右上角的X按鈕正確工作。

當關閉（通過X）時，我無法用span按鈕重新打開對話框。

噢，和一個帶提交處理程序是按鈕正常工作，以及...

錯在何處？ 。

<span id='editOpener'>Open dialog</span> 

<div id='edit' style='text-align: center; display: none;'>Loading...</div> 

<script type='text/javascript'> 
    $('#edit').dialog({ modal: true, draggable: false, resizable: false, width: 900, height: 500, autoOpen: false, buttons: { 'close': { text: 'Close', click: function() { $(this).dialog('close'); } }, 'submit': { text: 'Yeah', click: function() { $(this).find('form').trigger('submit'); } } } });") 
    $('#editOpener').click(function() { $('#edit').load('hi.asp?p=1&r=6'); $('#edit').dialog('open'); return false; });") 
</script> 

Answer 1

嘗試改變這些行：

$（ '＃editOpener'）點擊（函數（）{

$('#edit').load('hi.asp?p=1&r=6'); 
    $('#edit').dialog('open'); 

}）;

要：

$（ '＃editOpener'）點擊（函數（）{

$('#edit').load('hi.asp?p=1&r=6', function(){ 
    $('#edit').dialog('open'); 
    }); 

}）;