jQuery UI sortable cursor选项

以下是关于 jQuery UI Sortable Widget cursor 选项的详细攻略：

jQuery UI Sortable Widget cursor 选项

cursor 选项用于设置拖拽时鼠标指针的样式。可以设置为 CSS 样式中的任何有效值，例如 "default"、"pointer"、move" 等。

语法

$( ".selector" ).sortable({
  cursor: "move" // 或其他有效值
});

其中，"move" 表示拖拽时鼠标指针的式为移动样式。

示例一：设置拖拽时鼠标指针的样式为动样式

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
$( "#sortable" ).sortable({
  cursor: "move"
});
</script>

这将初始化排序的列表，并将 cursor 选项设置为 "move"，从而设置拖拽时鼠标指针的样式为移动样式。

示例二：设置拖拽时鼠标指针的样式为指针样式

<ul id="sortable">
  <li>Item 1</li>
  <li>Item 2</li>
  <li>Item 3</li>
</ul>

<script>
$( "#sortable" ).sortable({
  cursor: "pointer"
});
</script>

这将初始化一个可排序的列表，并将 cursor 选项设置为 "pointer"，从而设置拖拽时鼠标指针的样式为指针样式。

总结：

cursor 选项用于设置拖拽时鼠标指针的样式。可以设置为 CSS 样式中的任何有效值，例如 "default"、"pointer"、"move" 等。使用该选项可以方便地设置拖拽时鼠标指针的样式。

以上是关于 jQuery UI Sortable Widget cursor 选项的详细攻略，包括语法和两个示例。