jquery - jQuery UI：ダイアログのドラッグ可能なオプションの設定

Question

ドラッグ可能なダイアログがあり、ドラッグオプションを設定したいのですが、その方法がわかりません。

これが例です。赤いボックスには、で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 }
});

ドラッグ可能にする任意の要素にドラッグ可能プロパティを設定できます。