Javascript jQuery检查元素是否正确；“删除”；

例如，我有10个不同的“可拖动”框和2个“可拖放”区域，5个框将进入可拖放1，然后其他5个将进入可拖放2

如果框1尝试进入可拖放框2，则它将不起作用

这几乎就像一个测验，需要将正确的框（可拖动）与正确的答案（可拖放）匹配起来

我正在努力找到一种方法来实现它，我可以拖动元素，并且可以将它们拖动到任何框中，但是我如何验证它是否正确？我能给元素加上一些值吗

这里有一个例子，说明我到目前为止已经走了多远。。。。 manin网站都是用PHP完成的，所以我将使用PHP生成“框”文本

jQuery

      $(function () {
      $("#draggable,#draggable2").draggable();
      $("#droppable").droppable({
          drop: function (event, ui) {
              $(this)
                .find("p"),
                alert();
          }
      });
  });

HTML

<div id="draggable" class="ui-widget-content">
<p>Drag me to my target</p>
</div>
<div id="draggable2" class="ui-widget-content">
<p>2</p>
</div>

<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>
<div id="droppable" class="ui-widget-header">
<p>Drop here</p>
</div>

把我拖到我的目标

二,

到这里来

到这里来

您可以向draggabl和droppable html元素添加一些自定义属性，当您删除元素时，检查draggable和droppable上的值是否相同

<div id="draggable" class="ui-widget-content" myValue="question1">
<p>Drag me to my target</p>
</div>

<div id="droppable" class="ui-widget-header" myValue="question1">
<p>Drop here</p>
</div>

---

但是，在它被删除后，我如何检查它是否是正确的值呢？

$(function () {
  $("#draggable,#draggable2").draggable();
  $("#droppable").droppable({
      drop: function (event, ui) 
     {
             if($(this).attr("myValue") == ui.attr("myValue"))
             {
                  alert("OK");
             }
     }
  });
  });