jQueryで簡単にドロップできると思っていたものを実装しようとしています。変更可能な数値 ID を持つドラッグ可能なアイテムが必要です。アイテムはドラッグ可能ですが、ドロップ ターゲットにドラッグしてもアラートは発生しません。私のコードは次のとおりです。
<script>
$(function() {
$( ".draggable" ).draggable();
$( ".trash" ).droppable({
accept: ".draggable",
drop: function( event, ui ) {
alert('dropped');
}
});
});
</script>
<div id="5" class="draggable"><p>Drag to target</p></div>
<div id="trash"><p>Drop here</p></div>