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