Jquery ui 如何阻止Div移出边界Jquery draggable（）；

如何阻止div移出border 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>

$（文档）.ready（函数（）{
$（“#draggable”）.draggable（{grid:[50,20]}）；
});
拖我

---

谢谢，

您需要使用

包容

。例如

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

编辑：

给你

---

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

这会阻止长方体从其位置向下移动。然后您需要扩展父DIV的高度。