可拖动、可放置和可排序

Question

我是 JQuery 的新手.... 最近我在做一个项目，我遇到了以下问题：

我有两个 ul（比如：gallery(LHS) 和垃圾箱(RHS)）。

在画廊中，我有 8 里，它们是可拖动和可排序的。 我可以将 li 拖放到垃圾箱。我什至可以将它们分类到垃圾箱中。

我面临的问题是这个 li 的位置 实际上，最初垃圾箱是空的，但有一个带有 8 个矩形框的背景图像，每个矩形框都有一个序列号。（请注意.. 8 个矩形框只是一个图像）。

所以每当我将第一个 li 放入垃圾箱时，第一个矩形框就会隐藏在 li 后面。当我放下第二个时，第二个盒子会隐藏等等.....

现在我想要当我将第一个 li 从画廊拖到第 8 个矩形时。因为它是一个单独的容器，所以它保留在那里而不是向上移动的垃圾箱。

有人建议我使用 8 个不同的容器。但问题是我可以让这 8 个容器可排序吗？ 我需要一个可拖放的特定容器和可排序的 li 在那个 8 容器内。

Answer 1

按照建议，您可以使用 8 个不同的容器。然后，当用户在容器 8 上丢东西时，您可以将要排序的值放入容器中。然后，当用户要排序时，对 8 个容器进行排序。

如果这还不够清楚，也许发布一些（简化的）代码，我会看看我是否可以帮助你。