可移动的限制在运动中

时间:2012-05-27 10:01:27

标签: javascript jquery html css3 draggable

我想创建一个 draggable元素并将其放入一个限制其移动的较小容器中,因此draggable个边中的两个必须触及容器/容器的两面。

我还希望draggable对象在帧中的任何位置都是draggable,而不仅仅是点击对象本身。

我看到 jQuery 提供了一个不错的draggable对象: http://docs.jquery.com/UI/Draggable

以下是我对允许内容和不允许内容的示例:

Allowed

Not Alloed

1 个答案:

答案 0 :(得分:1)

您应该将包含设置为该对象,如下所示:

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

Here是doco