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

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM