jquery - 找到掉落的元素

Question

我正在制作一个棋盘，并试图找到棋子掉落的表格元素。不幸的是，放置事件似乎根本没有触发。

https://jsfiddle.net/thwee3/hhxt84k1/

$('.piece').draggable();
$('.pieces').droppable({
  drop: function(){
    alert($(this).attr('id')); // should give me the number of the field
  }
});

这就是我到目前为止所拥有的，有人可以告诉我为什么 drop 事件没有触发吗？

Answer 1

$(document).ready(function(){
    $('.piece').draggable();
    $('.field').droppable({
        drop: function(){
            alert($(this).attr('id'));
        }
    });
});

并将其添加到 css 中:

.field {
    height:100%;
}

参见demo