📜  jQuery UI Sortable cursorAt 选项(1)

📅  最后修改于: 2023-12-03 15:02:12.002000             🧑  作者: Mango

jQuery UI Sortable cursorAt 选项介绍

在使用 jQuery UI Sortable 插件进行拖拽排序时,你可以使用 cursorAt 选项来定义鼠标在拖拽过程中的位置。

语法
$( ".selector" ).sortable({
  cursorAt: { top: 10, left: 10 }
});
参数

cursorAt 选项接受一个对象,该对象包含 topleft 两个属性。

  • top: 数字类型,表示鼠标相对于 sortable 元素顶部边缘的位置。
  • left: 数字类型,表示鼠标相对于 sortable 元素左侧边缘的位置。

示例代码:

$( ".selector" ).sortable({
  cursorAt: { top: 10, left: 10 }
});

以上代码将使得在拖拽过程中鼠标距离 sortable 元素的左上角位置为 (10,10)。

注意事项
  • cursorAt 只是用来定义鼠标在拖拽过程中的位置,而不会影响拖拽时 sortable 元素的位置。
  • 如果没有指定 cursorAt 选项,将使用默认值 { top: 20, left: 20 }
参考链接

以上是关于 cursorAt 选项的介绍,希望对您的开发工作有所帮助。