描述

创建拖动元素的目标,详见 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...

这里是示例代码块