javascript - 子节点不离开父 div

Question

我有这个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。我怎样才能做到这一点？

Answer 1

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

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

jsPlumb.draggable($("someSelector"), { 遏制："parent" });

尝试这个 ：

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