jquery dialog 缓存问题

参考一篇帖子解决了：http://blog.csdn.net/flutterkey/article/details/9114723

场景：页面中有编辑的按钮，点击弹框显示，但是关闭之后，再打开每次都会显示之前的数据。

在应用中通常是自建一个Div，通过Div的id绑定Dialog，而jquery会把这个自建的div清除，内容全部放到Dialog的Div中，Dialog的Div默认是建在body中，这对于使用ajax重写页面代码的应用产生了很多冲突，如果使用上面的方法你的Dialog将只能弹出一次，关闭的时候就会被remove。查了一下替代的解决方法，可以将自建的div先clone，在close时将克隆的div重新append到页面上。

             // 清除每次dialog缓存            // 1.自建div并clone            var dialogParent = $('#createModelTemplate').parent();              var dialogOwn =$('#createModelTemplate').clone();              dialogOwn.hide();             $('#createModelTemplate').dialog({                title : dialogTitle(id),                modal : true,                width : 600,                height : 550,                buttons : [ {                    text : dialogSave(id),                    click : function() {                        $.ajax({                            type : 'post',                            url : '/workflow/model/save',                            dataType : 'json',                            data : {                                "modelId" : id,                            },                            success : function(data) {                                                            },                        });                    },                }                ],                close: function () {                      // 2.在close时将克隆的div重新append到页面上                    dialogOwn.appendTo(dialogParent);                     // 3.清除缓存 连同Dialog中的DIV也同时清除                    $(this).dialog("destroy").remove();                   }            });