如果正确，则jQuery可丢弃和可拖动计数 [英] jQuery droppable and draggable count if correct

问题描述

我是jQuery的新手，目前(我想)遇到了一个简单的问题。

我有两个列表：一个Droppable和一个Draggable；关于这一点的两个问题：

1)如何知道被丢弃的物品？ 因此，请列出"已删除"区域中的所有项目。

2)如何检查投放的物品是否在正确的投放区域？ 每个都有一个ID，并且应该放在正确的区域中(Drag1到Drop1)。

直播很简单，只需使用Drop-Function检查UI的ID与$(This)的ID是否相同即可。

但我希望始终允许删除，并在每次正确删除多少时重新计算。 您可以使用计数器，但Remove选项(请参见示例)会使操作过于复杂。

简而言之，如何迭代Dropable并检查其上的Dropable是否正确。

编码：http://jsfiddle.net/setki/BCnyU/

推荐答案

好的，我找到了一个解决方案，尽管我对它不太满意，因为它看起来"奇怪"。

我所做的是向Droppable中添加一个额外的类："OK"。 它是一个没有样式的类(但如果需要，可以用于样式设置)。

if (dragID == dropID) {
  $(this).addClass('OK');
} else {
  $(this).addClass('NOK');
}

然后我只计算所有有这种风格的人

var numItems = $('.OK').length;
$('.counter').html('Correct: '+numItems +'/5');

不要忘记，如果从Droppable中删除Draggable，也要删除该类

$(this).removeClass('OK NOK');

嗯，任何人都可以使用这个简单的解决方案，但我很想知道jQuery中是否真的没有其他解决方案。

工作示例位于：http://jsfiddle.net/setki/BCnyU/

玩得开心！

这篇关于如果正确，则jQuery可丢弃和可拖动计数的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！