拖放加載內容html或加載DIV

Question

如我的附件中所示，我需要將1拖動到0時，0將被數字1替換，並將內容文本加載到內容區域2中3 4一樣，負荷相應的內容，對不起我的英語不好

http://www.asciiflow.com/#Draw3932677476163280247/2136498171

我沒有10美譽，我不能上傳圖片

Answer 1

你需要讓你想給拖動可拖動的東西他們的屬性draggable =「true」。因此，那些包含數字的框 - 您可能希望使整個框具有draggable = true，或者如果只是數字，則將其包裝在一個範圍內並使其可拖動。

一旦他們可以拖動，你要設置的dataTransfer對象像這樣（假設沒有別的除了事物的數量被拖動）：

ondragstart = function(ev) { 
    ev.dataTransfer.setData("text", ev.target.innerHTML); 
} 

有關的東西，可以被丟棄 - 你需要取消dragover事件指示下降是允許的，很多人都寫了這一點，但在本質上你想要的東西，如：

$(".dropTargets").bind("dragover", function(ev) { 
    event.preventDefault(); // or something like that 
}); 

最後得到drop事件：

$(".target").bind("drop", function(ev) { 
    this.innerHTML = ev.originalEvent.dataTransfer.getData("text"); 
}); 

這裏是一個非常快的樣品展示它是如何工作的：http://jsfiddle.net/zcZE5/2/

一對夫婦實施細則，將節省您在這裏的一些汗水，你

a）您需要調用使用setData否則Firefox將不開始拖動 b）您必須使用鍵「文本」，否則IE會抱怨。