子节点不离开父 div答案

【问题标题】：Child nodes not go out of the parent div子节点不离开父 div
【发布时间】：2013-11-05 15:13:10
【问题描述】：

我有这个div：

<div id="composition_area" style="width: 700px; height: 600px; float:left; border: solid 2px">
            <div id="a" class="a window" style="width: 80px; height: 80px; border: solid 1px" contenteditable="true">foo</div>
</div>

在此内部使用id="composition_area"，我使用jsplumb 添加节点。在这个例子中，我有一个带有id="a" 的节点。所有节点都是可拖动的，用户可以将 div 移动到任何他想要的地方。但我希望不走出父 div。我该怎么做？

【问题讨论】：

这不是插件上的设置使内部 div 可拖动

标签： javascript html jsplumb

【解决方案1】：

看文档http://jsplumbtoolkit.com/doc/home#dragging

一个常见的要求是能够包含在其中的区域可以拖动元素。对于 jQuery，这就像提供一个遏制参数：

jsPlumb.draggable($("someSelector"), { 包含："parent" });

试试这个：

jsPlumb.draggable($("#composition_area"), {
  containment:"parent"
});

【讨论】：