刪除/隱藏拖動後的開始拖動

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隱藏到

.block-hide{ 
    display:none; 
} 

似乎這樣的伎倆

https://jsfiddle.net/xkcvpf10/2/（在Chrome測試）