在其父级中保留一个可拖动的 div

本文介绍了在其父级中保留一个可拖动的 div的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我有一个可拖动的 div 标签，我希望它在被拖动时不会从其父标签溢出.

I have got a draggable div tag and I'd like it not to overflow from its parent while being dragged.

<script> $('.children').resizeable().draggable();//from jquerUI </script> <style> .parent{ overflow: hidden; position: relative; width: 1000px; height: 1000px; } .children{ width: 100px; height: 100px; position: absolute; } </style> <div class="parent"> <div class="children"><div> </div>

如何限制子级在父级中的位置和大小.

How can I limit the children's position and size inside the parent.

推荐答案

$('.children').draggable({ containment: "parent" });