jquery - 如何在 jQuery UI 中将容器设置为可拖动元素的句柄？

Question

我在另一个绝对定位的 div 中有一个绝对 div。

<div id="container">
    <div id="drag">
        <div id="handle"></div>
    </div>
</div>

例如，假设容器为 1000px x 1000px，“drag”元素为 100px x 100px，“handle”元素为 10px x 10px，位于拖动元素内部 x = 30px 和 y = 30px。

以下代码将设置拖动元素留在容器元素内：

$('#drag').draggable({ handle: '#handle', containment: '#container' });

我希望拖动元素延伸到容器之外，但在句柄边界处停止拖动。如何在不使用设置坐标的情况下做到这一点？