jquery - Droppable 的值计数 (JQuery)

Question

我正在为调查创建问题类型。

我正在使用下面的jsfiddle

http://jsfiddle.net/hP3jc/

我需要一个计数器或类似的东西，让我知道有多少红色 block 被丢弃到底部灰色 block 上。

例如。非常同意 = 2(当 2 个红色掉落到其上时)同意 = 1(当 1 个红色方 block 被扔到上面时)等等。

谢谢!

Answer 1

当你放下一个红色盒子时，你能得到灰色盒子的类吗？

我的想法是，您可以将灰色的类添加到红色的类中，然后简单地计算其类中具有特定灰色的所有红色。

所以 class="red1"和 drop class="red1 grey2"后。

当您选择类别中有“灰色”的红色时，您需要删除灰色类别名称。

我知道我没有引用任何代码，但我只是在考虑概念而不是实际代码。如果你愿意的话我可以尝试一下。

所以我认为的过程如下。

设置:灰盒类有额外的类，如 class="GreyBox Grey1"和 class="GreyBox Grey2"

掉落时:

• 获得您掉落的灰色盒子的二等舱。
• 将该类添加到您刚刚放置的红色框中。
• jQuery 获取计数 $('.Grey1').length

拾取时为灰色

• 获取红框的类
• 删除所有以“Grey”开头的类
• 重新计算具有灰色类名称的红色。