我正在从 div 加载对话框
<div id="dialog-message" title="Send Message" style="display: none;">
<form id ="form_message">
<textarea name="message_field" id="message_field" rows="8" cols="62" class="ui-widget-content ui-corner-all" style="resize: none;"></textarea>
</form>
在 $(document).ready(function() 中创建对话框并使用链接打开它。在提交对话框时,我使用返回消息更改对话框的内容,用户可以关闭窗口。
// dialog create
$("#dialog-message").dialog({
autoOpen: false,
resizable: false, width: 520, height: 320,
modal: true,
buttons: {"Send": { text: "Send", id: "btn_send", click: function () {},
close: function() {if($('#form_message').length) {$(this).find('form')[0].reset();} }
});
//link to open dialog
$('#dialog_link').click(function(){$("#dialog-message").data("msg_data", {msg_from: 14, msg_to: 15}).dialog("open"); return false; });
//operations made on submit dialog
$('#btn_send').hide();
$('#dialog-message').html(data.error);
我遇到的问题是,一旦您再次打开对话框,返回消息仍然存在,并且它没有加载原始 div 内容。我怎样才能做到这一点?我试图在关闭事件中销毁对话框,但是对话框根本没有重新打开。