如何ondragover jQuery的可投放投放區域變色？

Question

請在這裏看到我的jsfiddle：http://jsfiddle.net/fletchadam/mr5Uj/15/

當您從頂部拖動一個項目時，我希望將鼠標懸停在單個可放置區域以更改顏色。

我認爲，關鍵是在這個函數：

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

Answer 1

在你的AllowDrop功能只需添加你的風格：

function allowDrop(ev){ 
    ev.preventDefault(); 
    $(ev.target).css('background-color','#F00'); 
} 

這將會把一個紅色背景的元素。現在將其刪除，請使用dragleave事件：

<div id="div1" class="droparea clearfix" ondrop="drop(event)" ondragover="allowDrop(event)" ondragleave="removeStyle(event)">drag here</div> 

有了這個js函數：

function removeStyle(ev) { 
    $(ev.target).removeAttr('style'); 
} 

的技巧是使用的情況下，這是你的懸停div的target。