jquery - 使用 JQuery“模拟”拖放的简单方法？

Question

我有一个网页，允许用户将元素拖到可放置的 div 中。我正在使用 JQuery UI Draggable 和 Droppable。我想添加一个功能，如果您双击其中一个可拖动元素，它会“模拟”该元素的拖放 - 即它将元素拖动到屏幕上并将其放在可放置的 div 上。这样，用户可以选择拖放或双击。有什么方法可以轻松实现吗？（如果这太麻烦了，我可能只会编写双击代码来执行代码，然后弹出一个警报，说明它已经完成了。）

Answer 1

没有一段代码很难为你开发一些东西，但这里有一个想法：

您可以使用元素“双击”事件触发的.animate()函数将可拖动元素移动到放置区域。

使用.offset()功能计算目标位置应该不难。

然后，使用 .animate() 回调来执行放置动作。

Answer 2

我在这里发现了一个类似的问题：jQuery：如何在代码中模拟拖放？ 我使用 Patrick McElhaney 提出的解决方案解决了：

    $(".mainpanel").droppable({
        drop: function (event, ui) {
            onDragAndDrop($(ui.draggable), $(event.target));
        }
    });

    button.dblclick(function () {
        onDragAndDrop($(this), $(".mainpanel"));
    });

    function onDragAndDrop(dragged, droppable) {
        // ...
    }