在HTML5中綁定多個dragenter/dragleave事件拖放'n Drop？

Question

這是我在這裏要對一個基本的例子： http://jsfiddle.net/kgqkM/2/

我試圖做的是奉獻這份名單之外的區域是一個「刪除」區域在哪裏可以設置適當的邏輯從頁面中刪除拖動的元素。我試圖顯示用戶何時將列表中的元素從列表中拖出來，它會將外部顏色變爲紅色/半透明。當我在外包裝上設置事件時，他們似乎接管了所有dragenter/dragleave事件。

猜我的問題必須做一些事情，在父div上設置事件？我開始嘗試，也許有一個主事件在頂部，並根據e.target和.parents（'。switch'）決定要做什麼，但是它會導致錯誤的行爲。

Answer 1

似乎我不得不在事件目標上做一些（正確的）邏輯。我不得不重構我的代碼，但它正在運行。