我使用它来创建一堆可拖动元素:
$$('.box').each( function(item){ new Draggable(item) });
如何限制可拖动区域?这样,框可以在页面上的任何位置下垂,我想将拖动区域限制为它们当前的父元素(我不认为我需要创建一个droppable)。或者,至少,我想将盒子恢复到它的初始位置,如果它掉到它的父母之外。 我怎样才能做到这一点? 感谢。
答案 0 :(得分:1)
可能有点晚了,但这是我的解决方案:
只需在可拖动项目
上添加一个快照new Draggable('myItem', {
snap: function(y) {
return[ (y < 1024) ? (y > 0 ? y : 0) : 1024 ];
}
});
现在你的物品沿着x移动。
答案 1 :(得分:0)
如果要限制水平或垂直拖动,可以使用:
new Draggable('myItem', {
constraint: "horizontal"
});
或者像bopa所说的那样,你可以使用snap来限制拖动,具体如下例所示: http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=scriptaculous_14