保持在格UI对话框的内容关闭后对话框

Question

我有<div id='A'>中，我有一些信息</div>

然后我火命令

$('#A').dialog(); 

做的事情后，我关闭对话框

$('#A').dialog('close'); 

它关闭我的所有信息。但我希望它关闭，但我的信息保留在DIV中。

问题是，在关闭时，ui对话框也会删除整个div，因此关闭后没有任何内容。

Answer 1

'close'方法并没有像指出的那样去除div，它确实将它设置为'display：none'，并且选择器在它是对话框时不能按预期工作;至少这是我发现的。您无法使用control + f查找它，因为它没有显示。如果您使用Firebug或开发人员工具查看该页面，则会看到它仍然存在。

试试这个：

var theA = $('#A'); 
theA.dialog(); 

//do ajax stuff here; 

//some where else instead of closing the dialog 

theA.dialog('destroy'); //returns the div to its pre-dialog state 
theA.css('display','block'); 

我做了一个小提琴来证明我做了什么，看看这是否正常工作。我使用了锁定标志来确保我在关闭的同时不会“对话”。但是我能够做你正在谈论的关于改变div的内容然后将其放回页面的内容。我用摧毁而不是关闭显示它回到页面。

http://jsfiddle.net/jvSb3/3/

在拨弄我用一个文本框来改变div的内容，同时它在对话形式。然后在关闭处理程序中，我销毁对话框，然后再次使其可见。