拖放div而不克隆

Question

請幫忙。 我認為這很簡單，但是我不知道該怎么做。

我已經成功創建了可拖動元素，並且它們按預期工作正常。 我可以拖放它們而沒有任何錯誤。

問題是這樣的：

當我拖動（尚未放下）一個框（即div）時，我在屏幕上有該框的兩個副本：一個是其原始位置的框，另一個是與之一起拖動的框我的鼠標

我要實現的是：

我希望原始框一開始拖動就消失。 我要顯示在屏幕上的唯一框是隨鼠標拖動的框。

我使用CodeIgniter作為框架，然后使用javascript進行拖放效果。 我沒有使用jquery，因為我對它的了解非常有限。

謝謝。

Answer 1

我不明白為什么為什么需要使用克隆。我在jsfiddle上寫了一個DEMO以及您可能需要的本機JavaScript。

ZxDrugProto._druging = function(e) {
    this.top = e.clientY - this.preY + this.top;
    this.left = e.clientX - this.preX + this.left;
    this.dom.style.top = this.top+'px';
    this.dom.style.left = this.left+'px';
    this.preY = e.clientY;
    this.preX = e.clientX;
}