ドラッグ＆ドロップHTML 5 jQuery：ドロップイベントを発生させる方法は？

Question

ドラッグ&ドロップHTML 5機能をjQueryで処理したいと思います。解雇されないドロップイベントまではOKです。私のコードを見てください：

<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'); 
    } 
}); 

私のアラートは発射されませんが、ドラグはあります。ドラッグ＆ドロップの違いは何ですか？

私はjQueryのについて何かを発見し、私は今こだわっているjQuery.event.props.push('dataTransfer');

あるイベントをドロップし、私はバイオリンを作った、誰かが私のテストを完成させるために私を助けることができますか？ http://jsfiddle.net/sylouuu/bNQeJ/3/

Answer 1

チェックこの1アウト：あなたが有効なドロップターゲットを作成するために、最後のdragenterまたはdragoverイベントにevent.preventDefaultを呼び出す必要がthisによるとhttp://jsfiddle.net/bNQeJ/4/

。