load()到jqueryui对话框杀死对话框

时间:2011-12-16 12:39:52

标签: jquery jquery-ui jquery-ui-dialog

只是一个简单的问题:

我可以对jQueryUI对话框执行.load(),这非常有效。 一个问题是,我之后不能使用我的关闭按钮,但右上角的X按钮工作正常。

关闭时(通过X),我无法通过span按钮重新打开对话框。

哦是的,带有附加提交处理程序的Yes按钮也能正常工作......

出了什么问题?

<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>

1 个答案:

答案 0 :(得分:0)

尝试更改这些行:

$('#editOpener')。点击(function(){

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

});

要:

$('#editOpener')。点击(function(){

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

});