jquery - 重用 jQuery UI 对话框会清除其所有字段

Question

使用 jQuery-UI 对话框从用户那里获取一些输入。
按下该Esc键时，对话框关闭而不清除其字段。单击Save或Cancel清除字段时。
这很好，除了我对某些字段使用水印文本框并且我不希望它们像其他字段一样被清除。

我是否应该更改清除字段的代码（我似乎找不到它......）？
我应该在每次打开对话框之前初始化水印文本框吗？

对话框 javacript：

$(function () {
    $("#GetSomeData").dialog({
    autoOpen: false,
    modal: true,
    resizable: false,
    width: "550px",
    buttons: {
        "Save": function () {
            // saving data to DB
            $(this).dialog("close");
        },
        "Cancel": function () {
            $(this).dialog("close");
        }
    }
});

});

Answer 1

初始化一次水印，每次打开都克隆对话内容。

$(function () {
    // init watermark for #GetSomeData here

    var dialog = $("#GetSomeData").clone().appendTo('body').dialog({
        autoOpen: false,
        modal: true,
        resizable: false,
        width: "550px",
        buttons: {
            "Save": function () {
                // saving data to DB
                dialog.dialog("destroy").remove();
            },
            "Cancel": function () {
                dialog.dialog("destroy").remove();
            }
        }
    });
});