如何阻止 Div 移出边框 Jquery Draggable();

Question

如何阻止 div 移出边框 div

这是我到目前为止得到的代码。

  <script>
 $(document).ready(function() {
 $("#draggable").draggable({ grid: [50, 20] });
  });
  </script>
  <div id="drag_border">
  <div id="draggable" style="width:500; height:800">Drag me</div>
  </div>

谢谢你，

Answer 1

您需要使用遏制。例如

$("#draggable").draggable({
  grid: [50, 20],
  containment: 'parent'
});

编辑：

这是示例。

请记住，您使用的是网格，因此除非您计算框的宽度和高度以匹配该网格，否则您将无法到达边缘。