jQuery UI Draggable cursorAt 选项

cursorAt 选项是 jQuery UI 中 Draggable 组件的一个属性，它用于指定拖动元素时鼠标指针的位置。通过设置 cursorAt 属性可以控制鼠标指针相对于拖动元素的位置，从而创建更加灵活的拖动效果。

语法

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

参数

cursorAt 是一个对象类型的参数，该参数具有两个属性：top 和 left。它们分别表示鼠标指针相对于拖动元素顶部和左侧的偏移量，单位为像素。

示例

$(function() {
    $("#draggable").draggable({
        cursorAt: { top: 20, left: 20 }
    });
});

上述代码使用 cursorAt 选项将鼠标指针的位置偏移了 20 个像素，从而使得鼠标指针并不会刚好在拖动元素的中心位置，而是稍微偏移一些。这种效果在一些特殊场合下显得比较好看，比如实现一些实时拼图效果等。

总结

cursorAt 选项是 jQuery UI 中为增强拖动效果而提供的一个参数。通过它可以对鼠标指针的位置进行微调，从而创造出更加灵活的拖动效果。如果你在使用 jQuery UI 的 Draggable 组件时遇到了需要微调鼠标指针位置的情况，那么不妨试试 cursorAt 选项。