2014-05-11 42 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