如何模仿Wordpress“Widget”拖拽＆amp;放弃行为？

Question

我需要模仿Wordpress“Widget”的拖拽和放大放弃行为。 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"
});