jsPlumb將屏幕拖出屏幕防止

Question

目前我在jsPlumb中創建的框可以從屏幕上拖出來，如何防止框無法拖到屏幕的最左側？像顯示在這張照片：

我的頁面也有在頂部的菜單，我該如何運用同樣的手法，從我的箱子能夠去通過菜單欄，以防止？

Answer 1

通過利用選項遏制可以限制盒是一個特定的DIV中拖動：

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

爲jsPlumb拖動：

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