jqueryui Как установить предел для перетаскиваемого объекта?

Question

Fiddle: http://jsfiddle.net/vm7vbLkm/1/

До сих пор у меня есть это то, что я хочу делать то, что вместо того, чтобы перетащить элементы всю дорогу, я хочу, чтобы переучить его так, чтобы максимально самый левый элемент может быть только как 30px самое большее, и то же самое вправо, если u перетащить на обе стороны, первый/последний элемент может быть только на расстоянии 30px от контейнера.

Любая идея, как я могу это сделать?

$('.drag').draggable({ axis: "x" }); 

Answer 1

$("#draggable5").draggable({ containment: "parent" }); 

Посмотрите jqueryui.com/draggable/#constrain-movement