jQuery可拖动区域

Question

编辑：浏览器问题，未解决。

我正在构建模态内部的表单，在一个选项卡上有一个带有复选框的下拉列表。如果选中其中一个复选框，则会从数据库追加两个拖放div，并准备好所有代码。我的问题是可拖动区域不受右侧限制，因此div可以无限制地拖动到侧面。
我在jQuery可拖动指南中找到了一个same problem的示例。

这是我在API上找到的信息：

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

但是“父”，“文档”或“窗口”都无法解决。

Answer 1

不确定为什么代码无法正常工作，但这是实现此目的的另一种方法。包装您的可拖动元素

$('.selector')

带有父HTML元素。比做这样的事情：

<div id="drag-container">
 <div class="selector"></div>
</div>


$(".selector").draggable({
   containment: "#drag-container"
});

修改

@Habib的建议让我感到依赖。

您的可拖动元素的宽度应设置为小于父元素的宽度。 看到这个fiddle，我相信那是您的问题。