2017-01-30 58 views
0

我使用jQuery UI作为个人项目,我想知道一些东西。是否可以控制可拖动的jQuery项目,以禁止将draggable项目移出窗口的可能性?jQuery可拖出窗口

我不知道如果我不够清晰,所以这里是什么,我不希望有一个画面:Link

提前感谢!

回答

1

当您使用jQuery UI Draggable时,您可以选择一个名为Containment的选项。在那里,你可以指定它应该被约束的父项。在你的情况下,父母应该是身体。

您可以使用此起始功能:

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

您也可以使用以下方法:

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

谢谢您的回答。我检查了API Doc中的滚动功能,但我真的不明白它是如何工作的,而且这不起作用。对于第二个选项,我也检查句柄函数,但只使用遏制。这是工作。只是一个问题,是否可以阻止顶部/左侧/右侧的可拖动项目而不是底部? – Nathan30

+0

试试这个: 包容选项允许一个数组在哪里设置包含它的位置。试试这个: 'var containmentTop = $(“#stop-top”)。position()。top; var containmentBottom = $(“#stop-bottom”)。position()。top; $('#bar')。draggable({axis:'y',containment:[0,containmentTop,0,containmentBottom]});' –

+0

感谢你们,但是#stop-top和#stop是什么意思底部? – Nathan30