子节点不会离开父节点

Child nodes not go out of the parent div

本文关键字：父节点 离开 子节点      更新时间：2023-09-26

我有这个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。我该怎么做？

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

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

jsPlumb.draggable（$（"someSelector"）， { containment："parent" }）;

试试这个：

jsPlumb.draggable($("#composition_area"), {
  containment:"parent"
});
相关文章：