jsPlumb将屏幕拖出屏幕预防

Question

目前我在jsPlumb中创建的框可以从屏幕上拖出，如何防止框不能被拖到屏幕的最左侧？如图所示：

我的页面上还有一个菜单，我如何应用相同的策略来防止我的盒子能够通过菜单栏？

Answer 1

通过使用选项包含，您可以限制在特定DIV中可以拖动的框：

$('#BoxId').draggable({
    containment: "#containerId",
    drag:function(e){
        jsPlumb.repaint($(this));
    }
});

对于jsPlumb draggable：

jsPlumb.draggable($("BoxId"), {
    containment:"containerId" // no need of '#'
});