可拖动,可放置和可排序

时间:2010-11-23 09:50:54

标签: jquery draggable droppable

我是JQuery的新手...... 最近我正在研究一个项目,我遇到了以下问题:

我有两个ul(比如:gallery(LHS)和trash(RHS))。

在画廊中,我有8个li,它们是可拖动和可排序的。 我可以把李拖放到垃圾桶里。我甚至可以把它们放在垃圾桶里。

我面临的问题是这个李的位置 实际上,最初垃圾是空的,但背景图像有8个矩形框,每个矩形框中都有一个序列号。(请注意...... 8个矩形框只是一个图像)。

因此,每当我将第一个锂放入垃圾桶时,第一个矩形盒子就会隐藏在li后面。当我放弃第二个,第二个盒子隐藏等等.....

现在我希望我将第一个li从画廊拖到第8个矩形。垃圾箱留在那里而不是向上移动,因为它是一个单独的容器。

有人建议我使用8个不同的容器。但问题是我可以将这8个容器排序。 我需要一个可拖动的,可放置在特定容器上,并且可以在8个容器内排序。

1 个答案:

答案 0 :(得分:1)

根据建议,您可以使用8个不同的容器。然后,当用户在容器8上放置某些内容时,您可以在容器中放置要对其进行排序的值。然后,当用户想要排序时,对8个容器进行排序。

如果这还不够清楚,可以发布一些(简化的)代码,我会看看能否帮助你。