将元素拖到可放置列表中的适当位置

【问题标题】：Drag elements into a droppable list, into the proper position将元素拖到可放置列表中的适当位置
【发布时间】：2023-03-07 17:03:01
【问题描述】：

有没有办法将元素拖到可排序（可放置）列表中？并将它们添加到列表中的适当位置吗？

起初我以为我可以使用列表下的可放置 div 的函数来执行此操作，但我的列表会比屏幕长。这意味着用户必须滚动，此时，我认为尝试获取鼠标位置将毫无意义。

这是我正在尝试做的事情： http://jsfiddle.net/tvance929/E7DPk/2/

【问题讨论】：

当然有，但后半部分对我来说并不清楚（尤其是“正确”的含义）。你能用你的代码做一个 JSFiddle 吗？
天哪，这可能是我的答案！放入新列表后是否有事件，以便我可以更改该 LI 的 html？
是的，它是 receive 函数

标签： jquery list droppable

【解决方案1】：

只需使用connectToSortable 并将helper 设置为clone，类似：

$("#theList").sortable({
    revert: true
});
$( "#dragMe" ).draggable({
    connectToSortable: "#theList",
    helper: "clone",
    revert: "invalid"
});

请看这里：Fiddle

【讨论】：

我目前对这个解决方案的唯一问题（顺便非常感谢你）是我的可拖动对象需要留在我的左侧工具箱中。我正在使用克隆功能，但我似乎无法让辅助克隆与可排序...
啊检查我更新的小提琴和代码，使用draggable 有一个更简单的方法:)
没问题！很高兴我能帮忙:)