html перетаскивает разные элементы

Question

У меня есть функция перетаскивания html5, которая отлично работает:

function allowDrop(ev) {
    ev.preventDefault();
}

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
}

Итак, я установил ее на два элемента, скажем, эти два:

    <div id="div1" id="drag1" draggable="true" ondragstart="drag(event)"> 
      <h3> Monday </h3> 
    </div>
    <div id="div1" id="drag1" draggable="true" ondragstart="drag(event)"> 
      <h3> Tuesday </h3> 
    </div>

Он отлично работает спервый элемент, но когда я пытаюсь перетащить второй элемент, он продолжает отбрасывать первый элемент.Я также проверил его на нескольких предметах: при перетаскивании какого-либо предмета выпадает только первый предмет?

Answer 1

Это возможно потому, что у вас есть 2 элемента с одинаковым идентификатором: drag1.Вы должны избегать присвоения вашим элементам одинакового идентификатора