draggable()拖拽时限制移动区域

Posted 月南君是个菜鸡

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了draggable()拖拽时限制移动区域相关的知识,希望对你有一定的参考价值。

jQuery-UI为我们提供了一个非常便捷的拖拽方法:draggable(),在使用此方法时,我们可能会希望控件只在某一区域中移动,不能被拖出边界,这样的话我们可以使用下面的方法:

调用draggable()时:

$(‘#element‘).draggable({containment: ‘#background‘});

上述代码是将element的拖拽范围限制在background之中。

draggable()的参数详见http://blog.csdn.net/liu_111111/article/details/8906025

以上是关于draggable()拖拽时限制移动区域的主要内容,如果未能解决你的问题,请参考以下文章

draggable与overflow同时存在,无法拖拽出父元素问题解决

vuedraggable拖拽任意组件并改变数据排序

jQuery UI 拖动(Draggable) - 还原位置

vuedraggable使用

如何使用jQuery Draggable和Droppable实现拖拽功能

拖拽和自定义播放器