jquery - 拖动时如何将 JQuery UI 可排序项目定位在鼠标光标处？

Question

我正在使用 Jquery sortable 来重新排序项目。在我的 GUI 中，我有一个 traschan 图标，可以在其中丢弃排序项目。垃圾桶是一个可放置的区域。

现在，当排序项助手悬停在可放置区域上时，我更改其大小，以便为用户提供可以将其丢弃的视觉反馈。但我还想重新定位排序项帮助器，使其与鼠标光标对齐。

我尝试过:

$(trashcan)
    .droppable(
    {
        over: function (event, ui)
        {
            ui
                .draggable
                .css("transform", "scale(0.2)")
                .sortable("option", "cursorAt",
                {
                    left: 5,
                    top: 5
                });
        }
    });

但我只收到以下 js 错误:错误:在初始化之前无法调用可排序的方法；尝试调用方法“选项”

Answer 1

在将元素初始化为可排序之前，您要调用该元素的 option 方法。

尝试

element.draggable()
    .sortable({ cursorAt: { left: 5, top: 5 } }); // pass the options while initializing

或者如果由于某种原因不可能，请尝试

element.draggable()
    .sortable(); //initialize first

element.sortable("option", "cursorAt", // then call option method
    {
        left: 5,
        top: 5
    });