解决 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();
    }
});

 

posted on 2015-08-03 10:47  千里Z单骑  阅读(3101)  评论(0编辑  收藏  举报