限制scriptaculous draggable的拖动区域

Question

我使用它来创建一堆可拖动元素：

$$('.box').each( function(item){ new Draggable(item) });

如何限制可拖动区域？这样，框可以在页面上的任何位置下垂，我想将拖动区域限制为它们当前的父元素（我不认为我需要创建一个droppable）。或者，至少，我想将盒子恢复到它的初始位置，如果它掉到它的父母之外。 我怎样才能做到这一点？ 感谢。

Answer 1

可能有点晚了，但这是我的解决方案：

只需在可拖动项目

上添加一个快照

new Draggable('myItem', {
    snap: function(y) {
        return[ (y < 1024) ? (y > 0 ? y : 0) : 1024 ];
    }
});

现在你的物品沿着x移动。

Answer 2

如果要限制水平或垂直拖动，可以使用：

new Draggable('myItem', {
    constraint: "horizontal"
    });

或者像bopa所说的那样，你可以使用snap来限制拖动，具体如下例所示： http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=scriptaculous_14