使可拖动元素在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的末尾发生冲突时，是否可以停止拖动，如果发生碰撞则触发事件。