0

这有点奇怪，但我正在使用 jQuery UI 制作匹配游戏，我希望允许用户从<ul>jQuery draggables（列表 A）之一中拖动元素，然后将其放入 jQuery droppable（列表 B）中。在用户确定他们认为列表 A 中的每个项目都在列表 B 中的正确位置后，他们可以单击一个按钮来检查他们的答案。

这就是棘手的地方。单击检查答案后，正确的项目会变为绿色并锁定在适当的位置，而错误的项目会留在不正确的 droppables 中。有没有人对我如何将不正确的项目返回列表 A 有任何好主意？

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

谢谢！

**

编辑：

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

$('li:not(.correctLoc)').animate({top: 0, left: 0});

谢谢肯！

**

4

1 回答 1

1

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

$('#listB')
    .find('li:not(.correct)')  // select wrong items
    .appendTo('#listA');       // insert into list A
于 2010-08-05T16:31:06.197 回答