在HTML5中绑定多个拖拽/拖拽事件拖放？

Question

下面是我在这里所做的一个基本示例：http://jsfiddle.net/kgqkM/2/

我想做的是将这个列表之外的区域作为"删除"区域，在那里我可以设置适当的逻辑来从页面中删除拖动的元素。我试图表明，当用户将元素从列表中拖出来时，它会将外部涂成红色/半透明。当我在外部包装器上设置事件时，它们似乎接管了所有的draginter/dragleave事件。

猜测我的问题与在父div上设置事件有关？我开始尝试，也许有一个主事件在上面，并根据e.target和.eparents(".switch")来决定该做什么，但就其范围而言，这会导致错误行为。

Answer 1

似乎我必须对事件目标执行一些(正确的)逻辑。我必须稍微重构一下我的代码，但它正在发挥作用。