jQuery-UI为我们提供了一个非常便捷的拖拽方法:draggable(),在使用此方法时,我们可能会希望控件只在某一区域中移动,不能被拖出边界,这样的话我们可以使用下面的方法:
调用draggable()时:
1
|
$( '#element' ).draggable({containment: '#background' });
|
上述代码是将element的拖拽范围限制在background之中。
draggable()的参数详见 http://blog.youkuaiyun.com/liu_111111/article/details/8906025