限制scriptaculous draggable的拖动区域

时间:2010-09-03 23:11:32

标签: javascript draggable scriptaculous

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

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

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

2 个答案:

答案 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