0

1 つのリストからアイテムをドラッグし、ドロップ ゾーンにドロップし、送信ボタンを使用してドロップされた順序を回答キーと比較する必要があるページで作業しています。基本的にはドラッグアンドドロップの非常に簡単なクイズです。私の問題は、これを達成するための最良の方法を見つけ出すことです。私は少量の 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>
4

1 に答える 1

0

これがあなたの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 を取得する必要があります。

于 2012-11-01T14:54:12.557 に答える