Question

我在一个页面上工作，我需要从一个列表中拖动项目，将它们放入放置区域，然后使用提交按钮比较放置顺序和答案键的顺序。基本上是一个非常简单的拖放测验。我的问题是弄清楚实现这一目标的最佳方法。我知道少量的JQuery和PHP，所以任何帮助都会受到赞赏。

<ul id="answerList">
    <li><a draggable="true" href"#" id="one">Question 1</li>
    <li><a draggable="true" href"#" id="two">Question 2</li>
    <li><a draggable="true" href"#" id="three">Question 3</li>
</ul>

<ul id="answerDrop">
    <li>Drop Answer Here</li>
</ul>

<div id="submitBtn">
     <input type="button">
</div>

Answer 1

这是你的HTML：

<ul id="answerList">
    <li><a draggable="true" href"#" id="one">Question 1</li>
    <li><a draggable="true" href"#" id="one">Question 2</li>
    <li><a draggable="true" href"#" id="one">Question 3</li>
</ul>

首先，ID必须是唯一的。

在您的放置区域：

<ul id="answerDrop">
    <li>Drop Answer Here</li>
</ul>

要查看可以使用的已删除项目的内容：

$('#answerDrop a').each(function() {
      alert($(this).attr('id'));
})

它们将按照它们显示的顺序出现，但你真的需要获取唯一的ID来判断哪个是。

删除一个后比较列表

1 个答案: