2014-05-11 40 views
0

我有以下HTMLjsPlumb多个遏制不能一起工作。这是错误吗?

<div id="leftpanel"> 
    <div id="top"></div> 
    <div id="middle"></div> 
    <div id="bottom"></div> 
</div> 

我加入拖动通过JS动态。并使用下面的JS代码使它们可拖动。

jsPlumb.draggable($("#top .draggable"),{containment:"#top"}); 
jsPlumb.draggable($("#middle .draggable"),{containment:"#middle"}); 
jsPlumb.draggable($("#bottom .draggable"),{containment:"#bottom"}); 

这表明我draggble在正确的容器中。但是当我拖着星星时,它突然将选中的可拖动到顶部的容器中。而当我把它拖到顶部集装箱以外,它不会让我。

我已经尝试将draggable的设置位置设置为:relative,absolute。但它力求解决问题。

编辑: 如果我使用

$("#divId").draggable({containment:container}); 

它工作正常。但连接不会随dvs一起拖动。如果我下面

jsPlumb.draggable($("#divId"),{containment:container}); 

然后连接移动连同申报单,但上述问题occurrs即格设置自动移动到顶部conteiner。

+0

报道称,jsplumb github上为[问题](https://github.com/sporritt/jsPlumb/issues/208) –

+0

http://jsfiddle.net/8AgQD/ –

回答

0
在你的jsfiddle

你不使用jquery.jsPlumb-XXX-min.js