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

Question

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

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

Answer 1

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

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

您也可以通过调整大小来做同样的事情。

Answer 2

只需将可拖动对象添加到对话框中即可：

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

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