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

 

来源://作者:/更新时间:2014-05-14
相关文章