拖曳插件draggable的功能是拖动被绑定的元素,当这个jQuery UI插件与元素绑定后,可以通过调用draggable()方法,实现各种拖曳元素的效果,调用格式如下:
$(selector). draggable({options})
$(selector). draggable({options})
options参数为方法调用时的配置对象,根据该对象可以设置各种拖曳效果,如“containment”属性指定拖曳区域,“axis”属性设置拖曳时的坐标方向。
例子:调用draggable插件的draggable()方法,分别使id号为“x”和“y”的<div>元素只能沿X轴和Y轴拖曳。
<body>
<div id="divtest">
<div id="x" class="drag">沿x轴拖拽</div&g