创建拖动元素的目标,详见 http://www.jqueryui.com/sortable/
允许动态属性:false |
|||||
---|---|---|---|---|---|
名称 | 必需 | 默认值 | 类型 | 描述 | |
appendTo | parent | String | 确定可移动的辅助元素在拖动时可以被添加到何处,可先值为 parent 或 jQuery 选择器,详见 http://api.jqueryui.com/sortable/#option-appendTo | ||
axis | String | 如果定义了该参数, 元素可以在水平或垂直方向上实现拖动。可选值:x, y,详见 http://api.jqueryui.com/sortable/#option-axis | |||
cancel | input,textarea,button,select,option | String | 对符合选择器匹配规则的元素不进行排序, 详见 http://api.jqueryui.com/sortable/#option-cancel | ||
connectWith | String | 列表中的项目需被连接的另一个 sortable 元素的选择器,如:#myothersortable 或 .myothersortables。 这是一个单向关系,如果您想要项目被双向连接,必须在两个 sortable 元素上都设置 connectWith 选项,详见 http://api.jqueryui.com/sortable/#option-connectWith | |||
containment | String | 定义一个边界,限制拖动范围在指定的DOM元素内,可选值为 'parent', 'document', 'window' 或 jQuery 选择器,详见 http://api.jqueryui.com/sortable/#option-containment | |||
cursor | auto | String | 定义排序拖动时的鼠标指针样式,详见 http://api.jqueryui.com/sortable/#option-cursor | ||
cursorAt | String | 移动排序元素或助手(helper),这样光标总是出现,以便从相同的位置进行拖拽。 坐标可通过一个或两个键的组合成一个哈希给出: top, left, right, bottom。详见 http://api.jqueryui.com/sortable/#option-cursorAt | |||
delay | 0 | Integer | 在排序拖动开始多少毫秒后元素才开始移动. 这可以防止意外的点击造成元素的拖动,详见 http://api.jqueryui.com/sortable/#option-delay | ||
disabled | false | Boolean | 如果设置为true,将禁用sortable。详见 http://www.css88.com/jquery-ui-api/sortable/index.html#option-disabled | ||
distance | 1 | Integer | 设置当排序拖动开始多少个像素之后元素才开始移动,单位为像素。 如果指定了该参数, 排序不会马上开始,直到鼠标移动达到了指定的像素值,详见 http://api.jqueryui.com/sortable/#option-distance | ||
dropOnEmpty | true | Boolean | 如果为false,这个sortable中项不能拖动到一个空的sortable中,详见 http://api.jqueryui.com/sortable/#option-dropOnEmpty | ||
forceHelperSize | false | Boolean | 如果为true, 强迫辅助元素(helper)有一个尺寸大小。详见 http://api.jqueryui.com/sortable/#option-forceHelperSize | ||
forcePlaceholderSize | false | Boolean | 如果为true, 强迫占位符(placeholder)有一个尺寸大小,详见 http://api.jqueryui.com/sortable/#option-forcePlaceholderSize | ||
grid | Integer[] | 设置排序对象或者辅助对象(helper)有一个x和y边距,(单位:像素). 数组值: [ x, y ],详见 http://api.jqueryui.com/sortable/#option-grid | |||
handle | String | 如果设定了此参数,那么拖动会在对象内指定的元素上开始,详见 http://api.jqueryui.com/sortable/#option-handle | |||
helper | original | String | 允许使用一个辅助元素来进行拖动时展示,可选值:'original', 'clone',详见 http://api.jqueryui.com/sortable/#option-helper | ||
items | > * | String | 指定元素内的哪一个项目应是 sortable,值为 jQuery 选择器,详见 http://api.jqueryui.com/sortable/#option-items | ||
onActivateTopics | String | 当使用被连接列表时触发该事件,每个被连接列表在拖拽开始时接收它,详见 http://api.jqueryui.com/sortable/#event-activate | |||
onBeforeStopTopics | String | 当排序停止时触发该事件,除了当占位符(placeholder)/助手(helper)仍然可用时,详见 http://api.jqueryui.com/sortable/#event-beforeStop | |||
onChangeTopics | String | 在排序期间触发该事件,除了当 DOM 位置改变时,详见 http://api.jqueryui.com/sortable/#event-change | |||
onDeactivateTopics | String | 当排序停止时触发该事件,该事件传播到所有可能的连接列表,详见 http://api.jqueryui.com/sortable/#event-deactivate | |||
onOutTopics | String | 当一个 sortable 项目从一个 sortable 列表移除时触发该事件,详见 http://api.jqueryui.com/sortable/#event-out | |||
onOverTopics | String | 当一个 sortable 项目移动到一个 sortable 列表时触发该事件,详见 http://api.jqueryui.com/sortable/#event-over | |||
onReceiveTopics | String | 当来自一个连接的 sortable 列表的一个项目被放置到另一个列表时触发该事件。后者是事件目标,详见 http://api.jqueryui.com/sortable/#event-receive | |||
onRemoveTopics | String | 当来自一个连接的 sortable 列表的一个项目被放置到另一个列表时触发该事件。前者是事件目标,详见 http://api.jqueryui.com/sortable/#event-remove | |||
onSortTopics | String | 在排序期间触发该事件,详见 http://api.jqueryui.com/sortable/#event-sort | |||
onStartTopics | String | 当排序开始时触发该事件,详见 http://api.jqueryui.com/sortable/#event-start | |||
onStopTopics | String | 当排序停止时触发该事件,详见 http://api.jqueryui.com/sortable/#event-stop | |||
onUpdateTopics | String | 当用户停止排序且 DOM 位置改变时触发该事件,详见 http://api.jqueryui.com/sortable/#event-update | |||
opacity | Float | 当排序时助手(helper)的不透明度。从0.01 到 1。详见 http://api.jqueryui.com/sortable/#option-opacity | |||
placeholder | String | 要应用的 class 名称,否则为白色空白,详见 http://api.jqueryui.com/sortable/#option-placeholder | |||
revert | false | Boolean | sortable 项目是否使用一个流畅的动画还原到它的新位置,详见 http://api.jqueryui.com/sortable/#option-revert | ||
scroll | true | Boolean | 如果设置为 true,当到达边缘时页面会滚动,详见 http://api.jqueryui.com/sortable/#option-scroll | ||
scrollSensitivity | 20 | Integer | 定义鼠标距离边缘多少距离时开始滚动,详见 http://api.jqueryui.com/sortable/#option-scrollSensitivity | ||
scrollSpeed | 20 | Integer | 当鼠标指针获取到在 scrollSensitivity 距离内时,窗体滚动的速度。如果 scroll 选项是 false 则忽略。详见 http://api.jqueryui.com/sortable/#option-scrollSpeed | ||
tolerance | intersect | String | 指定用于测试项目被移动时是否覆盖在另一个项目上的模式,可选值:'intersect', 'pointer'。详见 http://api.jqueryui.com/sortable/#option-tolerance | ||
zIndex | 1000 | Integer | 当被排序时,元素/助手(helper)元素的 Z-index。详见 http://api.jqueryui.com/sortable/#option-zIndex |
example descript...
这里是示例代码块