jsplumb拖放到特定的div区域答案

【问题标题】：jsplumb drag and drop to a specific div areajsplumb拖放到特定的div区域
【发布时间】：2014-04-28 00:53:15
【问题描述】：

我根据以下jsfiddle用jsplumb创建了一个流程图

但是我试图使块只能在我使用 div baliser 创建的特定区域中拖动：

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

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

【问题讨论】：

【解决方案1】：

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

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

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：