jquery - 将 jQuery 对话框元素恢复到“销毁”时的初始大小/位置？

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({