jQuery拖放相应的答案validation

我正在构建一个拖放式测验，您可以将答案放入答案池中的相应列中。

您可以在每列中添加有限数量的答案。

在大多数情况下，我有它的工作。 但是，编写工具的方式，每个答案位只能有一个正确的答案，我希望有多个正确的答案。

例如： http ： //jsfiddle.net/Hr465/

在第一列中，正确的答案是“挑战现状”和“冒风险”。 然而，扭转秩序，“冒风险”在“挑战现状”之上，答案出错了。

问题归结为validationfunction的这一行

if($('#mover'+x).parent().attr('id') == "takercontent"+x){ 

本质上我想用&&重写它。 所以第一栏#mover1 &&＃mover2，第二栏等等。

Answer 1

使用类，而不是使用所有这些ID，然后您可以使用hasClass方法进行validation。 您仍然可以使用ID，以便您的节目答案有效。

工作JS FIDDLE

新的validation码：

 function validateactivity(){ for(var x=1; x<=totalmovers; x++){ if($('#mover'+x).parent().hasClass("takercontent"+x)){ $('#mover'+x).parent().css('border','2px solid #0F0'); //green } else { $('#mover'+x).parent().css('border','2px solid #F00'); } } } 

新HTML：

  
 
Courage to Innovate
 
 
 
 
 
Behavioural Skills
 
 
 
 
 
 
 
Cognitive Skill to synthesize novel inputs
 
 
 
 
Leads to…