javascript - 我可以强制对话框只能在窗口内拖动吗？

Question

html:

    <div id="dialog" title="Past Issues">
    </div>

Jquery:

$( "#dialog" ).dialog({
        height: 900,
        width:1200,
        modal: true,
});

目前的问题是对话框可以拖动到窗口区域多几厘米，是否可以设置包含窗口？或者默认设置已经是containment:window？如果是，问题的根源是什么？谢谢。

Answer 1

传递给对话框使用的可拖动小部件的默认containment选项确实是document，而不是window。

您可以通过使用data()获取对话框小部件来覆盖此默认值。 ，然后访问其 uiDialog 成员并修改可拖动的 containment 选项:

$("#dialog").dialog({
    height: 900,
    width: 1200,
    modal: true
}).data("ui-dialog").uiDialog.draggable("option", "containment", "window");