Droppable的值计数(JQuery)

时间:2011-11-15 04:23:31

标签: jquery drag-and-drop count

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

我正在使用下面的jsfiddle

http://jsfiddle.net/hP3jc/

我需要的是一个计数器或类似的东西,让我知道有多少红色块被放到底部灰色块上。

例如。强烈同意= 2(当2个红色掉在上面时) 同意= 1(当1个红色块被丢弃时)等。

谢谢!

1 个答案:

答案 0 :(得分:2)

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

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

所以class =“red1”并且在drop class =“red1 grey2”之后。

当你拿起一个在课堂上有“灰色”的红色时,你需要删除灰色的类名。

我知道我没有引用任何代码,但我只考虑概念而不是实际代码。如果你愿意,我可以去。

所以我认为这个过程如下。

设置: 灰盒子类有额外的类,如class =“GreyBox Grey1”和class =“GreyBox Grey2”

on drop:

  • 获取第二类灰色框。
  • 将该类添加到刚刚删除的红框中。
  • jQuery获取计数$('.Grey1').length

on up up off grey

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