easyUI dialog窗口弹出的小小疑问。

Question

无意间的小测试，发现个小疑问有点不理解，先看代码：

html：

<input type="button" id=btn value="点击"/>

<div id="content" style="display: none"></div>

JS：

$(function(){
			$("#btn").click(function(){
				$("#content").html("123");
				$("#content").show().dialog({
					width:470,    
				    height:270,    
				    modal:true ,
				    collapsible:false,
				    title:'测试',
				    minimizable:false,
				    maximizable:true,
				    closable:false,
				    draggable:false,
				    buttons:[{
				    	text:"OK",
				    	iconCls:'icon-help',
				    	handler:function(){
				    		alert("OK'");
				    	}
				    },{
				    	text:"取消",
				    	iconCls:'icon-no',
				    	handler:function(){
				    		$("#content").dialog("close");
				    		return;
				    	}
				    }]
				});
			});
		});

我第一次点击按钮弹出的dialog很正常：

我点击dialog上的取消后，再次点击”点击“按钮，弹出的却是这样：

反正只要每次刷新后第一次点击都是可以的，后面都不可以，是为什么呢

Answer 1

no,不行的

Answer 2

把 
fit , cache 都false掉!

Answer 3

帮你看了下，因为你第一次关闭窗口后DOM已经变了，
<div id="content" style="display: none"></div>被包含在easyui生成的结构中，你那种写法不够妥当，自己用浏览器调试看下

Answer 4

你可以谷歌浏览器查看下，感觉写的有问题，浏览器查看