将jQuery对话框元素恢复到“destroy”的初始大小/位置？

Question

一个例子优于1000字：

http://jsfiddle.net/GF7KF/4/

有一个蓝色div。如果点击“打开它！”按钮，在jquery ui对话框中打开div。当我关闭对话框div返回其初始位置时，我该怎么做？有一种简单的方法，或者我必须做一些代码来记住每个具体情况的手动吗？

Answer 1

一种解决方案是在div中使用占位符元素：

http://jsfiddle.net/davelnewton/zjMvS/1/

<div>
  <p>Hello!</p>
  <span id="dialog"></div>
</div>

var d = $('span#dialog');
$('.open-dialog').click(function() {
    d.dialog({