jquery - Droppable 的值计数 (JQuery)

标签 jquery drag-and-drop count

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

我正在使用下面的jsfiddle

http://jsfiddle.net/hP3jc/

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

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

谢谢!

最佳答案

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

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

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

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

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

所以我认为的过程如下。

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

掉落时:

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

拾取时为灰色

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

关于jquery - Droppable 的值计数 (JQuery),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8131473/

相关文章:

python - 使用递归计算字符串中的元音

javascript - JQuery 命名空间/代码表现得很有趣

javascript - 验证动态单选按钮、复选框和文本区域

javascript - 检索两个列表,对值进行排序和比较,然后显示所有结果

c# - 在 Silverlight App 中拖放文件夹

javascript - 在 mousemove 之后以编程方式触发 HTML5 dragstart

javascript - Flash 消息 - jQuery

javascript - 将文件拖放到 Html 输入

sql - 如何使用另一个表中的所有记录作为计数列?

mysql - mysql中的子查询计数