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