如何阻止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

您需要使用containment。 E.g。

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

修改

这是an example。

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