私は次のHTMLを持っています
<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"});
正しいコンテナでドラッグ可能であることを示しています。しかし、スタードラッグすると、選択されたドラッグ可能なものが突然上部のコンテナに移動します。そして、それを一番上のコンテナの外にドラッグすると、できなくなります。
ドラッグ可能な位置を相対、絶対に設定しようとしました。しかし、それは問題を解決しません。
編集：私が使用する場合
$("#divId").draggable({containment:container});
それは正常に動作します。ただし、接続は dvs と一緒にドラッグされません。私が次のことをすれば
jsPlumb.draggable($("#divId"),{containment:container});
その後、接続はdivとともに移動しますが、上記の問題が発生します。つまり、divは自動的にトップコンテナに移動します。