拖放HTML 5 jQuery：如何触发拖放事件？

Question

我想处理拖动&使用jQuery删除HTML 5功能。直到没有触发的投放事件才行。看看我的代码：

<div id="columns"> 
    <div class="column" draggable="true"><header>A</header></div> 
    <div class="column" draggable="true"><header>B</header></div> 
    <div class="column" draggable="true"><header>C</header></div> 
</div> 

$('#columns .column').on({ 
    dragstart: function() { 
     $(this).css('opacity', '0.5'); 
    }, 
    dragleave: function() { 
     $(this).removeClass('over'); 
    }, 
    dragenter: function() { 
     $(this).addClass('over'); 
    }, 
    dragend: function() { 
     $(this).css('opacity', '1'); 
    }, 
    drop: function() { 
     alert('drop'); 
    } 
}); 

我的警报没有被解雇，但dragend是。 dragend和drop之间有什么区别？

我发现了一些关于jQuery的拖放事件，这是jQuery.event.props.push('dataTransfer');

我卡住了，我做了一个小提琴，有人可以帮我完成我的测试？ http://jsfiddle.net/sylouuu/bNQeJ/3/

Answer 1

检查这一个：http://jsfiddle.net/bNQeJ/4/

根据需要调用event.preventDefault在最后dragenter或dragover事件来创建一个有效的放置目标this。