解决 jquery dialog 弹框destroy销毁方法不能把弹出元素设置成初始状态

在使用jquery ui中的dialog弹出窗口的时候遇到一个问题，就是页面弹出窗口关闭后希望表单元素能回到初始状态

例如文本框输入内容后关闭dialog后里面的内容清除，使用了destroy方法也不行，destroy销毁的jquery ui给你生成dialog时候的那些html，

不会销毁元素本身，要销毁元素本身要用remove

下面介绍已一种解决方法方法，使用clone 然后在append

var dialogParent = $('#userCreate').parent();  
//克隆弹框里面的内容
var dialogOwn = $('#userCreate').clone();  
dialogOwn.hide();  
$('#userCreate').dialog({
    modal:true,
    width:800,
    height:500,
    close:function(){
        //添加内容到父节点
        dialogOwn.appendTo(dialogParent);  
        $(this).dialog("destroy").remove();
    }
});

 

转载于:https://www.cnblogs.com/LessNull/p/4698727.html