如何将元素/拖放看板之类的东西/拖放到它的初始位置

Question

我是编程的新手，我遇到了一个问题，如下：我有一个元素"项目1"，它不会返回第一个（"祖国"）UL列表。

从debbuging中，我知道，当我尝试将其从"进度"，"完成"或"做"拖放时，它仅执行拖放函数 - 无需下降 - 为什么 - 为什么？

来自html文件：

<div id="board">
    <div>
        <h1>To do</h1>
        <h1>In progress</h1>
        <h1>Done</h1>
    </div>
    <ul id="todo">
        <li id="item1" draggable="true"ondragstart="drag(event)" ondragover="allowDrop(event)" ondrop="drop(event)">Task 1</li>
        <li id="item2">Task 2</li>
    </ul>
    <ul id="inprogress" ondragover="allowDrop(event)" ondrop="drop(event)">
        <li></li>
        <li></li>
    </ul>

    <ul id="done" ondragover="allowDrop(event)" ondrop="drop(event)">
        <li></li>
        <li></li>
    </ul>

</div>

来自JS文件：

function allowDrop(e) {
    e.preventDefault();
    //console.log(allowDrop);
}

function drag(e) {
    e.dataTransfer.setData("text", e.target.id);
    console.log(drag);
}

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

    console.log(drop);
}

Answer 1

将ondrop =" drop（event）"放在ul标签中而不是li标签中。