在通过单击按钮验证其放置后，如何将 jQuery Draggables 返回到其原始列表？

Question

这是一个有点奇怪的愿望，但我正在使用 jQuery UI 制作一款匹配游戏，并且我希望允许用户从 jQuery draggables< 的一个

拖动元素。 /code> （列表 A），然后将其放入 jQuery droppable （列表 B）中。当用户确定他们认为列表 A 中的每个项目都位于列表 B 中的正确位置后，他们可以单击按钮来检查他们的答案。

这就是棘手的地方。单击检查答案后，正确的项目会变为绿色并锁定到位，而错误的项目则留在不正确的可放置项中。有人对如何将不正确的物品退回到列表 A 有什么好主意吗？

我可以发布代码，但我不确定它是否必要，我只需要想法和/或模拟实现。

谢谢！

**

编辑：

感谢 Ken，这就是我正在做的事情...当该项目被删除时，jQuery 会向其添加某些 css 属性； position:relative、top 和 left 已更改，以便该项目将保持固定在其接受的放置位置。为了恢复这些，我只是做了以下操作（在将 CorrectLoc 添加到正确放置的项目后）：

$('li:not(. CorrectLoc)').animate({top: 0 ，左：0});

谢谢肯！

**

Answer 1

当您检查正确性并将某些项目设为绿色时，大概您正在向这些项目添加一个类。因此，要重置不正确的项目，可能是这样的：

$('#listB')
    .find('li:not(.correct)')  // select wrong items
    .appendTo('#listA');       // insert into list A