可排序小部件（Sortable Widget）

支持多个类型：

• jQuery：一个 jQuery 对象，包含助手（helper）要追加到的元素。
• Element：要追加助手（helper）的元素。
• Selector：一个选择器，指定哪个元素要追加助手（helper）。
• String：字符串"parent"将促使助手（helper）成为 sortable 项目的同级。

代码实例：

初始化带有指定appendTo选项的 sortable：

$( ".selector" ).sortable({ appendTo: document.body });
	

在初始化后，获取或设置appendTo选项：

// getter
var appendTo = $( ".selector" ).sortable( "option", "appendTo" );
 
// setter
$( ".selector" ).sortable( "option", "appendTo", document.body );
	

代码实例：

初始化带有指定axis选项的 sortable：

$( ".selector" ).sortable({ axis: "x" });
	

在初始化后，获取或设置axis选项：

// getter
var axis = $( ".selector" ).sortable( "option", "axis" );
 
// setter
$( ".selector" ).sortable( "option", "axis", "x" );
	

代码实例：

初始化带有指定cancel选项的 sortable：

$( ".selector" ).sortable({ cancel: "a,button" });
	

在初始化后，获取或设置cancel选项：

// getter
var cancel = $( ".selector" ).sortable( "option", "cancel" );
 
// setter
$( ".selector" ).sortable( "option", "cancel", "a,button" );
	

代码实例：

初始化带有指定connectWith选项的 sortable：

$( ".selector" ).sortable({ connectWith: "#shopping-cart" });
	

在初始化后，获取或设置connectWith选项：

// getter
var connectWith = $( ".selector" ).sortable( "option", "connectWith" );
 
// setter
$( ".selector" ).sortable( "option", "connectWith", "#shopping-cart" );
	

注释：为 containment 指定的元素必须有一个已计算的宽度和高度（尽管它不需要显式）。例如，如果您有float: leftsortable 子元素，并指定了containment: "parent"，请确保在 sortable/parent 容器上有float: left，否则它将有height: 0，导致未定义的行为。

支持多个类型：

• Element：一个要作为容器使用的元素。
• Selector：一个选择器，指定一个要作为容器使用的元素。
• String：一个字符串，标识一个要作为容器使用的元素。可能的值："parent"、"document"、"window"。

代码实例：

初始化带有指定containment选项的 sortable：

$( ".selector" ).sortable({ containment: "parent" });
	

在初始化后，获取或设置containment选项：

// getter
var containment = $( ".selector" ).sortable( "option", "containment" );
 
// setter
$( ".selector" ).sortable( "option", "containment", "parent" );
	

代码实例：

初始化带有指定cursor选项的 sortable：

$( ".selector" ).sortable({ cursor: "move" });
	

在初始化后，获取或设置cursor选项：

// getter
var cursor = $( ".selector" ).sortable( "option", "cursor" );
 
// setter
$( ".selector" ).sortable( "option", "cursor", "move" );
	

代码实例：

初始化带有指定cursorAt选项的 sortable：

$( ".selector" ).sortable({ cursorAt: { left: 5 } });
	

在初始化后，获取或设置cursorAt选项：

// getter
var cursorAt = $( ".selector" ).sortable( "option", "cursorAt" );
 
// setter
$( ".selector" ).sortable( "option", "cursorAt", { left: 5 } );
	

代码实例：

初始化带有指定delay选项的 sortable：

$( ".selector" ).sortable({ delay: 150 });
	

在初始化后，获取或设置delay选项：

// getter
var delay = $( ".selector" ).sortable( "option", "delay" );
 
// setter
$( ".selector" ).sortable( "option", "delay", 150 );
	

代码实例：

初始化带有指定disabled选项的 sortable：

$( ".selector" ).sortable({ disabled: true });
	

在初始化后，获取或设置disabled选项：

// getter
var disabled = $( ".selector" ).sortable( "option", "disabled" );
 
// setter
$( ".selector" ).sortable( "option", "disabled", true );
	

代码实例：

初始化带有指定distance选项的 sortable：

$( ".selector" ).sortable({ distance: 5 });
	

在初始化后，获取或设置distance选项：

// getter
var distance = $( ".selector" ).sortable( "option", "distance" );
 
// setter
$( ".selector" ).sortable( "option", "distance", 5 );
	

代码实例：

初始化带有指定dropOnEmpty选项的 sortable：

$( ".selector" ).sortable({ dropOnEmpty: false });
	

在初始化后，获取或设置dropOnEmpty选项：

// getter
var dropOnEmpty = $( ".selector" ).sortable( "option", "dropOnEmpty" );
 
// setter
$( ".selector" ).sortable( "option", "dropOnEmpty", false );
	

代码实例：

初始化带有指定forceHelperSize选项的 sortable：

$( ".selector" ).sortable({ forceHelperSize: true });
	

在初始化后，获取或设置forceHelperSize选项：

// getter
var forceHelperSize = $( ".selector" ).sortable( "option", "forceHelperSize" );
 
// setter
$( ".selector" ).sortable( "option", "forceHelperSize", true );
	

代码实例：

初始化带有指定forcePlaceholderSize选项的 sortable：

$( ".selector" ).sortable({ forcePlaceholderSize: true });
	

在初始化后，获取或设置forcePlaceholderSize选项：

// getter
var forcePlaceholderSize = $( ".selector" ).sortable( "option", "forcePlaceholderSize" );
 
// setter
$( ".selector" ).sortable( "option", "forcePlaceholderSize", true );
	

代码实例：

初始化带有指定grid选项的 sortable：

$( ".selector" ).sortable({ grid: [ 20, 10 ] });
	

在初始化后，获取或设置grid选项：

// getter
var grid = $( ".selector" ).sortable( "option", "grid" );
 
// setter
$( ".selector" ).sortable( "option", "grid", [ 20, 10 ] );
	

代码实例：

初始化带有指定handle选项的 sortable：

$( ".selector" ).sortable({ handle: ".handle" });
	

在初始化后，获取或设置handle选项：

// getter
var handle = $( ".selector" ).sortable( "option", "handle" );
 
// setter
$( ".selector" ).sortable( "option", "handle", ".handle" );
	

支持多个类型：

• String：如果设置为"clone"，元素将被克隆，且克隆将被拖拽。
• Function：一个函数，将返回拖拽时要使用的 DOMElement。函数接收事件，且元素正被排序。

代码实例：

初始化带有指定helper选项的 sortable：

$( ".selector" ).sortable({ helper: "clone" });
	

在初始化后，获取或设置helper选项：

// getter
var helper = $( ".selector" ).sortable( "option", "helper" );
 
// setter
$( ".selector" ).sortable( "option", "helper", "clone" );
	

代码实例：

初始化带有指定items选项的 sortable：

$( ".selector" ).sortable({ items: "> li" });
	

在初始化后，获取或设置items选项：

// getter
var items = $( ".selector" ).sortable( "option", "items" );
 
// setter
$( ".selector" ).sortable( "option", "items", "> li" );
	

代码实例：

初始化带有指定opacity选项的 sortable：

$( ".selector" ).sortable({ opacity: 0.5 });
	

在初始化后，获取或设置opacity选项：

// getter
var opacity = $( ".selector" ).sortable( "option", "opacity" );
 
// setter
$( ".selector" ).sortable( "option", "opacity", 0.5 );
	

代码实例：

初始化带有指定placeholder选项的 sortable：

$( ".selector" ).sortable({ placeholder: "sortable-placeholder" });
	

在初始化后，获取或设置placeholder选项：

// getter
var placeholder = $( ".selector" ).sortable( "option", "placeholder" );
 
// setter
$( ".selector" ).sortable( "option", "placeholder", "sortable-placeholder" );
	

支持多个类型：

• Boolean：当设置为true，该项目将会使用动画，动画使用默认的持续时间。
• Number：动画的持续时间，以毫秒计。

代码实例：

初始化带有指定revert选项的 sortable：

$( ".selector" ).sortable({ revert: true });
	

在初始化后，获取或设置revert选项：

// getter
var revert = $( ".selector" ).sortable( "option", "revert" );
 
// setter
$( ".selector" ).sortable( "option", "revert", true );
	

代码实例：

初始化带有指定scroll选项的 sortable：

$( ".selector" ).sortable({ scroll: false });
	

在初始化后，获取或设置scroll选项：

// getter
var scroll = $( ".selector" ).sortable( "option", "scroll" );
 
// setter
$( ".selector" ).sortable( "option", "scroll", false );
	

代码实例：

初始化带有指定scrollSensitivity选项的 sortable：

$( ".selector" ).sortable({ scrollSensitivity: 10 });
	

在初始化后，获取或设置scrollSensitivity选项：

// getter
var scrollSensitivity = $( ".selector" ).sortable( "option", "scrollSensitivity" );
 
// setter
$( ".selector" ).sortable( "option", "scrollSensitivity", 10 );
	

代码实例：

初始化带有指定scrollSpeed选项的 sortable：

$( ".selector" ).sortable({ scrollSpeed: 40 });
	

在初始化后，获取或设置scrollSpeed选项：

// getter
var scrollSpeed = $( ".selector" ).sortable( "option", "scrollSpeed" );
 
// setter
$( ".selector" ).sortable( "option", "scrollSpeed", 40 );
	

• "intersect"：项目至少 50% 重叠在其他项目上。
• "pointer"：鼠标指针重叠在其他项目上。

代码实例：

初始化带有指定tolerance选项的 sortable：

$( ".selector" ).sortable({ tolerance: "pointer" });
	

在初始化后，获取或设置tolerance选项：

// getter
var tolerance = $( ".selector" ).sortable( "option", "tolerance" );
 
// setter
$( ".selector" ).sortable( "option", "tolerance", "pointer" );
	

代码实例：

初始化带有指定zIndex选项的 sortable：

$( ".selector" ).sortable({ zIndex: 9999 });
	

在初始化后，获取或设置zIndex选项：

// getter
var zIndex = $( ".selector" ).sortable( "option", "zIndex" );
 
// setter
$( ".selector" ).sortable( "option", "zIndex", 9999 );
	

• 该方法不接受任何参数。

代码实例：

调用 cancel 方法：

$( ".selector" ).sortable( "cancel" );
	

• 该方法不接受任何参数。

代码实例：

调用 destroy 方法：

$( ".selector" ).sortable( "destroy" );
	

• 该方法不接受任何参数。

代码实例：

调用 disable 方法：

$( ".selector" ).sortable( "disable" );
	

• 该方法不接受任何参数。

代码实例：

调用 enable 方法：

$( ".selector" ).sortable( "enable" );
	

• optionName
  类型：String
  描述：要获取的选项的名称。

代码实例：

调用该方法：

var isDisabled = $( ".selector" ).sortable( "option", "disabled" );
	

• 该方法不接受任何参数。

代码实例：

调用该方法：

var options = $( ".selector" ).sortable( "option" );
	

• optionName
  类型：String
  描述：要设置的选项的名称。
• value
  类型：Object
  描述：要为选项设置的值。

代码实例：

调用该方法：

$( ".selector" ).sortable( "option", "disabled", true );
	

• options
  类型：Object
  描述：要设置的 option-value 对。

代码实例：

调用该方法：

$( ".selector" ).sortable( "option", { disabled: true } );
	

• 该方法不接受任何参数。

代码实例：

调用 refresh 方法：

$( ".selector" ).sortable( "refresh" );
	

• 该方法不接受任何参数。

代码实例：

调用 refreshPositions 方法：

$( ".selector" ).sortable( "refreshPositions" );
	

默认情况下，它通过每个项目的id进行工作，id 格式为"setname_number"，且它会产生一个形如"setname[]=number&setname[]=number"的哈希。

注释：如果序列化返回一个空的字符串，请确认id属性包含一个下划线（_）。形式必须是"set_number"。例如，一个id属性为"foo_1"、"foo_5"、"foo_2"的 3 元素列表将序列化为"foo[]=1&foo[]=5&foo[]=2"。您可以使用下划线（_）、等号（=）或连字符（-）来分隔集合和数字。例如，"foo=1"、"foo-1"、"foo_1"所有都序列化为"foo[]=1"。

• options
  类型：Object
  要自定义序列化的选项。
  • key（默认值：属性中分隔符前面的部分）
    类型：String
    描述：把part1[]替换为指定的值。
  • attribute（默认值："id"）
    类型：String
    描述：值要使用的属性名称。
  • expression（默认值：/(.+)[-=_](.+)/）
    类型：RegExp
    描述：用于把属性值分隔为键和值两部分的正则表达式。

代码实例：

调用 serialize 方法：

var sorted = $( ".selector" ).sortable( "serialize", { key: "sort" } );
	

• options
  类型：Object
  要自定义序列化的选项。
  • attribute（默认值："id"）
    类型：String
    描述：值要使用的属性名称。

代码实例：

调用 toArray 方法：

var sortedIDs = $( ".selector" ).sortable( "toArray" );
	

• 该方法不接受任何参数。

代码实例：

调用 widget 方法：

var widget = $( ".selector" ).sortable( "widget" );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 activate 回调的 sortable：

$( ".selector" ).sortable({
activate: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortactivate 事件：

$( ".selector" ).on( "sortactivate", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 beforeStop 回调的 sortable：

$( ".selector" ).sortable({
beforeStop: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortbeforestop 事件：

$( ".selector" ).on( "sortbeforestop", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 change 回调的 sortable：

$( ".selector" ).sortable({
change: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortchange 事件：

$( ".selector" ).on( "sortchange", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object

注意：ui对象是空的，这里包含它是为了与其他事件保持一致性。

代码实例：

初始化带有指定 create 回调的 sortable：

$( ".selector" ).sortable({
create: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortcreate 事件：

$( ".selector" ).on( "sortcreate", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 deactivate 回调的 sortable：

$( ".selector" ).sortable({
deactivate: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortdeactivate 事件：

$( ".selector" ).on( "sortdeactivate", function( event, ui ) {} );
	

注释：当一个 sortable 项目被撤销时也会触发该事件。

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 out 回调的 sortable：

$( ".selector" ).sortable({
out: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortout 事件：

$( ".selector" ).on( "sortout", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 over 回调的 sortable：

$( ".selector" ).sortable({
out: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortover 事件：

$( ".selector" ).on( "sortout", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 receive 回调的 sortable：

$( ".selector" ).sortable({
receive: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortreceive 事件：

$( ".selector" ).on( "sortreceive", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 remove 回调的 sortable：

$( ".selector" ).sortable({
remove: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortremove 事件：

$( ".selector" ).on( "sortremove", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 sort 回调的 sortable：

$( ".selector" ).sortable({
sort: function( event, ui ) {}
});
	

绑定一个事件监听器到 sort 事件：

$( ".selector" ).on( "sort", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 start 回调的 sortable：

$( ".selector" ).sortable({
start: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortstart 事件：

$( ".selector" ).on( "sortstart", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 stop 回调的 sortable：

$( ".selector" ).sortable({
stop: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortstop 事件：

$( ".selector" ).on( "sortstop", function( event, ui ) {} );
	

• event
  类型：Event
• ui
  类型：Object
  • helper
    类型：jQuery
    描述：jQuery 对象，表示被排序的助手（helper）。
  • item
    类型：jQuery
    描述：jQuery 对象，表示当前被拖拽的元素。
  • offset
    类型：Object
    描述：助手（helper）的当前的绝对位置，表示为{ top, left }。
  • position
    类型：Object
    描述：助手（helper）的当前位置，表示为{ top, left }。
  • originalPosition
    类型：Object
    描述：元素的原始位置，表示为{ top, left }。
  • sender
    类型：jQuery
    描述：如果从一个 sortable 移动到另一个 sortable，项目来自的那个 sortable。
  • placeholder
    类型：jQuery
    描述：jQuery 对象，表示被作为占位符使用的元素。

代码实例：

初始化带有指定 update 回调的 sortable：

$( ".selector" ).sortable({
update: function( event, ui ) {}
});
	

绑定一个事件监听器到 sortupdate 事件：

$( ".selector" ).on( "sortupdate", function( event, ui ) {} );