如何让用户移动绝对定位的div？

Question

我正在使用jQuery来创建一个“对话框”，该对话框应该显示在页面中心的所有内容上，除非用户移动它，否则应始终保持居中。它有一个标题区域（如标题栏），我希望用户能够点击那里并拖动对话框“窗口”。这是一个绝对定位的div。这样做的最佳方式是什么？

编辑：我没有提到我想在没有jQuery UI的情况下这样做，如果它不是非常困难的话。但我会研究jQuery UI如何做到这一点。我可能最终会使用它。

Answer 1

使用jQuery UI's Drag (and drop)个功能。

像这样（最简单的形式）：

$("#myDiv").draggable();

Answer 2

结帐jQuery UI Dialog和Draggable。