javascript - JQuery UI 对话框重新加载原始内容

Question

我正在从 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 内容。 我怎样才能做到这一点？我试图在关闭事件时销毁对话框，但对话框根本没有重新打开。

Answer 1

只需在更改消息字段的内容之前保存它......就像这样:

var message_field_html = "";

function openDialog(){ //or whatever function calls your dialog
    if(message_field_html != ""){
        $('#dialog-message').html(message_field_html);
    }
    //do things
}

function changeDilogText(){ //or whatever function changes the text
    message_field_html = $('#dialog-message').html()
    $('#dialog-message').html(data.error);
}

[编辑]编辑代码来解决您的问题