jQWidgets jqxSortable 包含属性介绍

jQWidgets jqxSortable 是一个可拖拽、可排序的 jQuery 插件，可用于在 Web 应用程序中创建可排序的列表。

下面是 jqxSortable 包含的一些常用属性：

属性列表

connectWith

• 类型：String
• 默认值：空字符串('')
• 描述：定义可拖拽区域的选择器，允许将拖拽元素与其它元素连接在一起，从而可以在多个 jqxSortable 控件实例中交换元素。

containment

• 类型：String
• 默认值：空字符串('')
• 描述：定义可拖拽区域的 CSS 选择器，拖拽元素不能超过它的边界。

cursor

• 类型：String
• 默认值：auto
• 描述：定义拖拽元素的 CSS 光标类型。

cursorAt

• 类型：Object
• 默认值：{ top: 0, left: 0 }
• 描述：定义光标在拖拽元素上的偏移量、以及当光标移动时拖拽元素如何跟随光标移动。

delay

• 类型：Number
• 默认值：0
• 描述：在拖拽开始之前等待的毫秒数。

distance

• 类型：Number
• 默认值：1
• 描述：定义启动拖拽的最小拖拽距离。

handle

• 类型：String
• 默认值：空字符串('')
• 描述：定义允许拖拽元素的 CSS 选择器，限制拖拽元素的拖拽范围。

helper

• 类型：String / Function
• 默认值：'clone'
• 描述：定义拖拽时克隆出来的拖拽助手，可以是一个函数，根据需要动态生成。

items

• 类型：String
• 默认值：'> *'
• 描述：定义可拖拽元素的选择器，限制哪些元素可以拖拽。

opacity

• 类型：Number
• 默认值：1
• 描述：定义在拖拽过程中未被拖拽元素的不透明度。

revert

• 类型：Boolean / Number / String / Function
• 默认值：false
• 描述：定义在拖拽结束之后，是否将拖拽回到原始位置。可以是一个布尔值，一个数字，一个字符串或者一个函数。若值为 true，则拖拽元素会返回到原位置。

scroll

• 类型：Boolean
• 默认值：true
• 描述：定义在拖拽时，拖拽区域是否支持滚动条。

scrollSensitivity

• 类型：Number
• 默认值：20
• 描述：定义观察滚动条的灵敏度和速度。

scrollSpeed

• 类型：Number
• 默认值：20
• 描述：定义拖拽元素随着鼠标移动时，滚动区域的速度。

示例

下面是一个基本示例：

<div id="sortable">
  <div>Item 1</div>
  <div>Item 2</div>
  <div>Item 3</div>
</div>

$("#sortable").jqxSortable({
  connectWith: ".connectedSortable"
});

总结

以上是 jqxSortable 包含的一些属性，它们可以用来自定义拖拽行为并实现拖拽交互。详细使用可以参考 jqxSortable 的官方文档。