Javascript JS防止铅锤拖拽箱子脱离屏幕

Javascript JS防止铅锤拖拽箱子脱离屏幕,javascript,jsplumb,Javascript,Jsplumb,目前,我在jsPlumb中创建的框可以从屏幕上拖出,如何防止这些框不能拖到屏幕最左侧?如图所示: 我的页面顶部还有一个菜单,我如何应用相同的策略来防止我的方框越过菜单栏?通过使用选项包含可以将方框限制在特定分区内拖动: $('#BoxId').draggable({ containment: "#containerId", drag:function(e){ jsPlumb.repaint($(this)); } }); 对于可拖动的管道: jsPlu

目前,我在jsPlumb中创建的框可以从屏幕上拖出,如何防止这些框不能拖到屏幕最左侧?如图所示:


我的页面顶部还有一个菜单,我如何应用相同的策略来防止我的方框越过菜单栏?

通过使用选项包含可以将方框限制在特定分区内拖动:

$('#BoxId').draggable({
    containment: "#containerId",
    drag:function(e){
        jsPlumb.repaint($(this));
    }
});
对于可拖动的管道:

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

这是我的小提琴:我的#containerId应该是div类名吗@普鲁斯维bharadwaj@Jenny我建议你把所有的盒子放在一个单独的DIV(容器)里,它会在你的菜单栏下面。稍后,您可以使用上面的选项来限制容器内的框。我刚刚添加了一个,这将创建那个div,然后是containment:“body”@Pruthvi BharadwajI会建议您为div使用其他名称,而不是“body”。是的,遏制:“身体”就行了。我需要包括#,例如遏制:“主体”#