droppable未注册drop

Question

我正在尝试使我正在拖动的列表项在被拖放时消失(通过添加一个类)。

我有控制台日志，当它被抓取时，它掉下来很好，但当我放掉它时，没有发生addClass或日志消息。任何帮助都非常感谢。

<script type="text/javascript" >
        $(document).ready(function(){  
            $('.draggable-demo-product').mousedown(function(){
                    $(this).addClass('grabbed');
                    console.log('grabbed');
            }); 
            $('.droppable').droppable({
                drop: function(){
                $('.draggable-demo-product').addClass('dropped');
                    console.log('dropped');
                }
            });        
        });
</script>

Answer 1

通过使用您的代码，我已经设置了一个jsFiddle，一切工作正常。检查HTML文件中是否包含了所有必需的js库。

这是jsFiddle

$(document).ready(function(){  
        $('.drag').mousedown(function(){
                $(this).addClass('grabbed');
                console.log('grabbed');
        }).draggable(); 
        $('.drop').droppable({
            drop: function(event, ui){
            $('.drag').addClass('dropped');
                console.log('dropped');
            }
        });        
});