jQuery UI Draggable Limitations Containment

Question

У меня есть два div, родитель меньше, чем ребенок. Я хочу, чтобы ограничение на растяжение ребенка было на границе контейнера. Однако, похоже, это не работает с обычным объектом сдерживания. Как я мог сделать это правильно?

Пример: http://jsfiddle.net/Lr0s3tj7/

<div class='wrap'> <!-- smaller then child --> 
    <div class='inner'> <!-- larger then parent --> 

    </div> 
</div> 

Answer 1

использовать массив для определения границы следует сделать трюк

$(".inner").draggable({ 
    axis: 'x', 
    containment: [-100, 0, 0, 200 ], 
    revert: true 
}); 

http://jsfiddle.net/js09nbj1/

редактировал ответ для удовлетворения требования