jQuery UI插件draggable

拖曳插件draggable的功能是拖动被绑定的元素，当这个jQuery UI插件与元素绑定后，可以通过调用draggable()方法，实现各种拖曳元素的效果，调用格式如下：

$(selector). draggable({options})

options参数为方法调用时的配置对象，根据该对象可以设置各种拖曳效果，如“containment”属性指定拖曳区域，“axis”属性设置拖曳时的坐标方向。

例如，在页面中的

元素中添加两个子类

，通过与拖曳插件绑定，这两个子类

元素只能在外层的父

元素中任意拖曳.

任意拖拽A

任意拖拽B

---

由于使用jQuery UI插件draggable绑定了两个子类

元素，并将配置对象的“containment”属性值设为“parent”，因此，这两个子类

元素只能在外层的父框中实现任意拖曳。