jquery ui约束较小容器内的可拖动元素答案

【问题标题】：jquery ui constrain draggable element inside smaller containerjquery ui约束较小容器内的可拖动元素
【发布时间】：2014-11-12 15:01:23
【问题描述】：

我正在尝试将<img> 拖到具有固定宽度和高度的容器内。我已经在 SO 上搜索并找到了this，但它对我不起作用。

这是我想要实现的fiddle；有一个容器，它是我希望用户显示的图像的唯一部分，以及它下面的可拖动图像。它必须根据图像的方向限制在.container 元素中，并且容器必须始终包含图像的一部分，而不是空白部分，换句话说，图像的边框必须始终位于容器内。

我尝试使用包含属性，但我不明白 Array 选项是如何工作的 (http://api.jqueryui.com/draggable/#option-containment)。

【问题讨论】：

【解决方案1】：

$("img").draggable({
     containment: "parent" 
   });

并删除.active

【讨论】：