jQuery拖出窗外

Question

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

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

提前致谢！

Answer 1

当您使用jQuery UI Draggable时，您有一个名为Containment的选项。在那里，您可以指定它应该受约束的父级。在您的情况下，父母应该是正文。

您可以使用此启动功能：

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

您还可以使用以下内容：

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