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

Question

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

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

Answer 1

使用jQuery UI's Drag (and drop) 函数。

类似这样的东西（最简单的形式）：

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

Answer 2

查看jQuery UI Dialog 和Draggable。