jQuery UI：为对话框设置可拖动选项

Question

我有一个可拖动的对话框，我想设置拖动选项，我不知道该怎么做。

Here就是一个例子。红色框的cursorAt选项设置为{ top: 0, left: 0 }。我想对拖动对话框做同样的事情。

Answer 1

要更改对话框小部件的可拖动选项，您可以像这样引用它：

$("#myDialog").dialog("widget").draggable("option", "cursorAt", { top: 0, left: 0 });

您也可以使用可调整大小来执行相同操作。

Answer 2

只需将draggable添加到对话框中：

$("#draggable, #dialog").draggable({
    cursorAt: { top: 0, left: 0 }
});

您可以在任何可拖动元素上设置可拖动属性。