Jquery ui 拖放 droppable "drop"事件

当我创建一个 div droppable 并尝试设置一个 drop 事件函数时，它不会触发:

$('.item').draggable({

});

$('.destination').droppable({
   drop: function(event, ui){
     console.log('hiii');
   }
});

当我将它放在 $('.destination') div 的右侧时它会触发，但如果我将它放在 '.destination' div 内则不会触发。
查看完整的 JS fiddle :
http://jsfiddle.net/dylanjha/8TFMS/5/

最佳答案

出于某种原因，在 margin:0 auto 类上设置 .item 会导致它无法正常运行。删除它可以解决问题。

jsFiddle example

关于Jquery ui 拖放 droppable "drop"事件，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17605997/