javascript - 使可拖动元素停止在 div-border

Question

wrapper在我的身体中，我在div中有一些图像：

<div id="wrapper">
    <img src="1.png" id="img1" />
    <img src="2.png" id="img2" />
    <img src="3.png" id="img3" />
</div>

这些都可以用 jQueryUI 拖动：

var $images = $('#img1, #img2, #img3')
    $images.draggable({ start: dragStart,
                        cursor: 'move',
                        stop: dragEnd });

所有元素都是position: absolute;并且包装器有一个固定的width: 1000px; height: 800px
我想知道的是，当它img与 div 的末尾碰撞时是否可以停止拖动并在它碰撞时触发一个事件。