子节点不会超出父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”），{containment：“parent”}）;

试试这个：

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