如何模仿 Wordpress“小部件”拖放行为？

Question

我需要模仿 Wordpress“小部件”拖放行为。 jQuery UI Sortable 可以，但与 WP 不同。

我现在可以拖放，但拖放的元素已从源中删除。这不是我所期望的。

假设我有两个<ul> A 和 B。我将 A 的一个项目拖放到 B，我希望该项目留在 A 内，而不是从其中删除。

有什么想法吗？非常感谢您的帮助！

Answer 1

查看jQuery Draggable Sortable demo

如果您希望可拖动项目也保留在第一个列表中，则需要将 'helper' 设置为 'clone'

即。

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