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/

编辑了满足要求的答案