javascript - jQuery 可拖出窗口

Question

我正在使用 jQuery UI 进行个人项目，我想了解一些信息。是否可以控制可拖动的 jQuery 项目，以禁用将 draggable 项目移出窗口的可能性？

我不确定我是否足够清楚，所以这里是我不想要的屏幕:Link

提前致谢!

Answer 1

当您使用 jQuery UI Draggable 时，您有一个名为 Containment 的选项。在其中，您可以指定父级，它应该被约束在其中。在您的情况下，父级应该是主体。

您可以使用此启动功能:

$( "#yourElement" ).draggable({ scroll: false });

您还可以使用以下内容:

$("#element").draggable({
    handle: tr_top,
    containment: "window"
});