Ограничить область перетаскивания

Question

Я использую это, чтобы создать группу на перетаскиваемых элементах:

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

Как я могу ограничить область перетаскивания?Таким образом, ящики могут быть удалены в любом месте на странице, и я хотел бы ограничить область перетаскивания их текущим родительским элементом (я не думаю, что мне нужно создавать drop-drop).Или, по крайней мере, я хотел бы вернуть коробку в исходное положение, если она выпала из родительского.Как я могу это сделать?спасибо.

Answer 1

возможно, немного поздно, но вот мое решение:

просто добавьте моментальный снимок к перетаскиваемому элементу

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

теперь ваш элемент перемещается только вдоль x.

Answer 2

Если вы хотите ограничить перетаскивание по горизонтали или вертикали, вы можете использовать это:

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

Или, как сказал Бопа, вы можете использовать привязку, чтобы ограничить перетаскивание со спецификой xy, как в этом примере:1004 *http://www.tutorialspoint.com/cgi-bin/practice.cgi?file=scriptaculous_14