无效的jQuery对话框

Question

为什么对话框只能在视点内拖动？一个简单的div元素可以在视点外拖动（请参见savepic.net/187084.jpg上的图片）;我正在寻找的是使对话框在视点之外也可以拖动。有什么选择？请考虑http://jsfiddle.net/MwXKE/

处的代码

Answer 1

对话框containment is document的默认draggable，您可以将其关闭，如下所示：

$('<p>Dialog</p>').dialog().parent().draggable("option", { containment: false });

You can test it with your demo code here。我们在.parent()上将其关闭，因为对话框包含在父对象（包括标题栏等）中，而是可拖动的元素。