jQuery UI 可拖动限制包含

Question

我有两个 div，parent 比 child 小。我想让 child 的阻力限制到容器的边界。但是，这似乎不适用于通常的包含 object。我怎样才能正确地做到这一点？

<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
});

编辑了答案以满足要求

jQuery UI Draggable Limitations Containment