jquery - 将 jQuery 对话框元素恢复到 "destroy"上的初始大小/位置？

Question

一个例子胜过 1000 个单词:

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

有一个蓝色的div。如果您单击“打开它!”按钮，该 div 在 jquery ui 对话框中打开。当我关闭对话框时，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({