jsplumb拖放到特定的div区域

Question

我使用jsplumb基于以下jsfiddle

创建了一个流程图

但是我试图在我使用div baliser创建的特定区域中制作仅可拖动的块：

    <div id="drop_here" style="height:100%; width:50%"></div>

我尝试了很多选项，但无法运行。有人能帮帮我吗？谢谢。

Answer 1

如this answer中所述，您可以使用jQuery UI中的draggable命令执行以下操作：

jsPlumb.draggable('#cool_object');
$('#cool_object').draggable({ containment: $('#drop_here')});

有关draggable命令here的更多信息。

Answer 2

如果我理解它，你想将可拖动对象限制为div，对吧？如果这是您的问题，您可以在创建对象时使用containment解决问题：

var YOUR_OBJECT = jsPlumb.getSelector("#OBJECT_ID");

jsPlumb.draggable(YOUR_OBJECT , {
    containment: "parent"
});