浸染:确定可移动的赞助元素在拖动时可以被添加到何处。

例子:$( "tbody" ).sortable({ appendTo: document.body });

它的参数值支持的工具有:jQuery工具、Element、Selector(选择器)、String("parent"),默认值为 "parent"。

phpjquery拖拽排序sortable 拖动排序 AJAX

2、axis

浸染:确定元素可以在水平或垂直方向上实现拖动。

例子:$( "tbody" ).sortable({ axis: "x"});

参数值:"x","y",false,默认值为 false 水平或垂直都可以实现拖动。

3、cancel

浸染: 对符合选择器匹配规则的元素不进行排序。

例子:$( "tbody" ).sortable({ cancel: "tr"});于是 tr 就不可被拖动;

参数值:Select 选择器,默认值为:"input,textarea,button,select,option"。

4、connectWith

浸染:连接两个可拖动的 sortable ,列表中的项目需被连接的另一个 sortable 元素的选择器。
这是一个单向关系,如果您想要项目被双向连接,必须在两个 sortable 元素上都设置 connectWith 选项。

例子:首先可以做两个 table (table1、table2),

$("#table1 tbody").sortable({ connectWith: "#table2 tbody" }).disableSelection();

$("#table2 tbody").sortable({ connectWith: "#table1 tbody" }).disableSelection();

于是,就可以实现两个 table 之间 tr 的拖动功能。

参数值:Select 选择器,默认为 false 。

5、containment

浸染:定义一个边界,限定拖动范围在指定的DOM元素内。

把稳:为限定拖动范围,指定的元素必须有一个可打算的宽度和高度(但不一定是显式的)。
例如,如果你的sortable元素的子元素有float: left样式,

并且指定containment: "parent",那么sortable/parent容器必须要有float: left样式,或者他将有height: 0样式,导致不愿定的行为。

例子:$( "tbody" ).sortable({ containment: "tbody"});这样就可以将 tr 的可拖动范围限定在 tbody 中,不会涌现滚动条的情形!

参数值:Element元素、Select选择器、String("parent"、"document"、"window")。

6、cursor

浸染:定义拖动是鼠标的样式。

例子:$( "tbody" ).sortable({ cursor: "move"});这样在拖动的时候鼠标就可以变为 十字光标 。

7、cursorAt

浸染:定义鼠标在拖动时候的位置,坐标可通过一个或两个键的组合成一个哈希给出: { top, left, right, bottom }。

例子:$( "tbody" ).sortable({cursorAt: { left: 5,top:5 }});

效果:当拖动时,被拖动的行会自动移动,终极鼠标与被拖动行的相对位置为{left:5,top:5}。

参数值:{ top, left, right, bottom }(object),默认值:false。

8、delay

浸染:在排序拖动开始多少毫秒后元素才开始移动; 这可以防止意外的点击造成元素的拖动。

例子:$( "tbody" ).sortable({ delay: 150});

参数值:Integer 毫秒。

所有的事宜回调函数都有两个参数:event和ui,浏览器自有event工具,和经由封装的ui工具

ui.helper - 表示sortable元素的JQuery工具,常日是当前元素的克隆工具

ui.position - 表示相对当前工具,鼠标的坐标值工具{top,left}

ui.offset - 表示相对付当前页面,鼠标的坐标值工具{top,left}

ui.item - 表示当前拖拽的元素

ui.placeholder - 占位符(如果有定义的话)

ui.sender - 当前拖拽元素的所属sortable工具(仅当元素是从另一个sortable工具通报过来时有用)

·参数(参数名 : 参数类型 : 默认值)

appendTo : String : 'parent'

Defines where the helper that moves with the mouse is being appended t