jquery draggable:如何限制可拖动区域?

前端之家收集整理的这篇文章主要介绍了jquery draggable:如何限制可拖动区域?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个可拖动对象(div)和一些可拖放对象(表TD)。我想让用户拖动我的可拖动对象到那些可拖放TD。

我以这种方式启用draggable和droppable:

$(".draggable").draggable();
$(".droppable").droppable();

问题是,用户可以拖动div在屏幕上的任何地方,包括可投放区域。

如何限制可拖动对象的边界区域?

解决方法

使用“containment”选项:

http://docs.jquery.com/UI/Draggable#option-containment

文档说它只接受值’parent’,’document’,’window’,[x1,y1,x2,y2],但我似乎记得它会接受一个选择器,如#container。

猜你在找的jQuery相关文章