关于jsPlumb的Drag Containment理解,文档里面是这样的
jsPlumb.draggable($("someSelector"), {
containment:"parent" });
我个人对
parent的理解是:
<div id="content" style="width: 400px;height: 400px;border: solid 2px black; margin-left: 50px;">
<div id="state1" class="item"></div>
<div id="state2" class="item"></div>
<div id="state3" class="item"></div>
</div>
上面这一段代码中的 content即为 所谓的parent,其中class="item"是可以拖拽的元素
所以我写成了这样,
instance.draggable($(".item"),{
containment: $("#content")
});
注:instance是jsPlumb的一个实例
但是实际的效果是,可以拖出content左边框,而到达不了右边框。搞了一天没搞定
注:我这里使用的是jsPlumb,而不是jquery ui,因为有些是用jsPlumb构建的,jquery ui的 拖拽会有问题,所以这里采用jsPlumb的 draggable比较好,但是使用起来会有问题,可能是我理解的不对。希望哪位大侠给予指导,小弟不胜感激。
你的理解应该是对的,
instance.draggable($(".item"),{
containment: $("#content")
});
这样写应该也是没问题的. 是其它问题导致的