Javascript 使可拖动元素停止在div边框上

在我的身体里，我在

wrapper

div中有一些图像：

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

所有元素均

位置：绝对和包装有一个固定的
宽度：1000px；高度：800px


我想知道的是，当
img
与div的末尾碰撞时，是否可以停止拖动，如果碰撞，则触发事件。
您是否尝试过
containment
选项？但当拖动到末尾时，如何触发事件？
var $images = $('#img1, #img2, #img3')
    $images.draggable({ start: dragStart,
                        cursor: 'move',
                        stop: dragEnd });