删除/隐藏开始拖动后拖动的原稿

Question

开始拖动后，如何隐藏原始的可拖动元素？

我尝试了transform:translateX(-9999px);方法，但它的行为类似于visibility: hidden;，我需要类似display: none;的内容，因此在原始可拖动元素所在的位置将填充其他元素。

我尝试了什么：

    function dragStart(e) {

        setTimeout(function(){
            e.target.classList.add('block-hide');
        },0);

    }

    function dragOver(e) {

    }
    function dragEnd(e) {

        e.target.classList.remove('block-hide');
    }

https://jsfiddle.net/xkcvpf10/1/

请调整预览窗口的大小，以便连续看到2个块。

Answer 1

将您的班级.block-hide更改为

.block-hide{
    display:none;
}

似乎可以解决这个问题

https://jsfiddle.net/xkcvpf10/2/（以铬测试）