Jquery ui 拖放问题2

我需要关于拖放（测验类型模块）的说明。已经问过同样的问题，但这次是临时版本

我正在使用jqueryUI创建测验类型的问题。当我将正确答案（第三个）拖放到可拖放区域并单击“检查”时，它应该变为绿色并显示一个勾号符号。其他选项，它应该变成红色，并显示错误的符号。现在它正在部分工作。 有人能帮我吗

我的密码-

我的逻辑：

JQUERY用户界面： 如果{ 将c拖放到可拖放区域。 在可拖放区域添加类“.正确” 否则{ 在可拖放区域添加类为“.错误” } }

JQUERY: 如果#Dropable hasClass（）正确，则显示#勾选。 否则就错了

---

考虑以下代码

$（函数（）{
功能检查应答（e）{
var a=$（“.answered.ui小部件内容”）；
如果（a.length==1&&a.text（）.trim（）=“C”）{
$（.answered”）.removeClass（“ui状态红色”）.addClass（“ui状态绿色”）；
}否则{
$（.answered”）.removeClass（“ui状态绿色”）.addClass（“ui状态红色”）；
}
}
函数重置问题（）{
$（“.ui小部件头”）.removeClass（“已应答的ui状态红色ui状态绿色”）；
$（“.ui小部件头.ui小部件内容”）。每个（函数（i，el）{
var i=parseInt（$（el）.attr（“id”）.slice（-1））；
var me=$（el.detach（）；
console.log（我，我）；
如果（i==0）{
me.prependTo（$（“.answers”）；
}否则{
me.insertAfter（$（“.answers”）.children（）.eq（（i-1））；
}
});
}
$（“[id^='draggable']”）。可拖动({
回复：“无效”
});
$（“#可拖放”）。可拖放({
drop：函数（事件、用户界面）{
ui.draggable.detach（）.css({
左：“，
顶部：“
})。附于（$（本））；
$（此）.addClass（“已回答”）；
$（“.buttons”）.show（）；
}
});
$（“#检查”）。单击（检查答案）；
$（“#重置”）。单击（重置问题）；
});
#可拖动-0，
#可拖动-1，
#可拖动-2，
#可拖动-3{
宽度：100px；
高度：100px；
填充：0.5em；
保证金：10px 10px 10px 0；
边框：1px实心#ccc；
背景：#fff；
浮动：左；
}
人力资源{
浮动：左；
宽度：100%；
背景：#ccc；
}
#可降落{
宽度：400px；
高度：150像素；
填充：0.5em；
浮动：左；
利润率：10px；
边框：1px实心#ccc；
背景：#fff；
}
#droppable.ui-state-green{
背景：绿色；
}
#droppable.ui-state-red{
背景：#ff0000；
}


A

B

C

D

重置
检查
欢迎来到堆栈溢出。首先，您的
$（“check”）
使用了不正确的语法。ID的选择器是
$（“#检查”）
。第二，我在你的例子中没有看到勾号或复选标记。所以这很不清楚。@Twisty现在我已经更新了链接。。。请查收。。如果我的选项正确，则必须将正确类添加到可拖放区域..并应显示勾号..否则必须显示错误标记。。。
$(function() {

  $("div[id^='draggable']").draggable();
  $("#droppable").droppable({
    drop: function(event, ui) {
      if (ui.draggable.text().trim() == "C") {
        $(this).addClass("ui-state-green")

      } else {
        $(this).addClass("ui-state-red")
      }
    }
  });
});

$(document).ready(function(){
  $("check").click(function(){
    $(this).show();
  });
});