如何移动（而不只是拖动）div？HTML

Question

我有动态div，可以将其拖放到两个不同的父div中，但我也希望能够移动它们。这是Javascript代码：

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

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

    function drop_to_customer(ev) {
        const el = document.querySelector("[id=" + "\'" + ev.dataTransfer.getData("text") + "\'" + "]");

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

        $.ajax({
            type: 'post',
            url: 'submit.php',
            dataType: "json",
            data: {
                data: "1"
            }
        });
    }


    function remove_from_customer(ev) {
        const el = document.querySelector("[id=" + "\'" + ev.dataTransfer.getData("text") + "\'" + "]");
        ev.preventDefault();
        var data = ev.dataTransfer.getData("text");
        ev.target.appendChild(document.getElementById(data));

        $.ajax({
            type: 'post',
            url: 'submit.php',
            dataType: "json",
            data: {
                data:"1"
            }                
        });
    }

我应该添加些什么才能使它起作用？我需要像在此示例中一样移动它们，但请记住div的id更改是因为它们是动态的。 http://jsfiddle.net/wfbY8/4/

编辑： https://jsfiddle.net/burimsyla/9c6bm0xk/9/