Как остановить 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. Э.Г.

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

Edit:

Вот пример .

Помните, что вы используете сетку, поэтому вы не дойдете до краев, если не рассчитаете ширину и высоту своего бокса, чтобы соответствовать этой сетке.