将（）加载到jqueryui对话框终止对话框

只是一个简单的问题：

我可以将.load加载到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>

---

尝试更改以下行：

$'editOpener'。单击函数{

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

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

})

致：

$'editOpener'。单击函数{

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

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

---

})

然后对话框不会打开，但加载会正确执行，就像我用X按钮关闭它，然后再次尝试打开它一样。。。我在加载页面中添加了一个用于检查执行情况的警报。您应该等到内容加载完毕后再打开对话框。这样做可以让jQueryUI正确地获取内容的维度并定位它。是的，我从看到你的答案中得出结论。但它仍然不起作用。。。load是否用加载页面中的DOM替换DOM？因为页面上的所有原始脚本都不会在加载后执行