限制脚本可拖动对象的拖动区域
限制脚本可拖动对象的拖动区域
提问于 2010-09-04 07:11:32
我用这个来创建一堆可拖拽的元素：
$$('.box').each( function(item){ new Draggable(item) });如何限制可拖动区域？这样，框可以被拖放到页面上的任何地方，并且我想将拖动区域限制为它们当前的父元素(我不认为我需要创建一个可放放的)。或者，至少，如果长方体落在父对象之外，我希望将其恢复到初始位置。我该怎么做呢？谢谢。
回答 2
Stack Overflow用户
回答已采纳
发布于 2011-05-12 05:25:28
可能有点晚了，但这是我的解决方案：
只需将捕捉添加到可拖动项
new Draggable('myItem', {
snap: function(y) {
return[ (y < 1024) ? (y > 0 ? y : 0) : 1024 ];
}
});现在你的物品就沿着x移动了。
Stack Overflow用户
发布于 2014-04-09 23:00:16
如果要限制水平或垂直拖动，可以使用以下命令：
new Draggable('myItem', {
constraint: "horizontal"
});或者像bopa所说的那样，你可以使用snap来限制拖动，比如这个例子中的x和y：http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=scriptaculous_14
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/3640175
复制相关文章
相似问题
腾讯云开发者
