jquery-ui Droppable：没有调用drop函数

Question

我正在开发一个音乐库应用程序，我希望在其中实现播放列表，您可以在其中拖放曲目以将其添加到播放列表。

现在，我正在使用这些jquery调用来使我的播放列行的droppable和我的track-rows可拖动。这是

$(".playlist-row").droppable({
    drop: function( event, ui ){
        console.log("dropped");
    }
});

$(".track-row").draggable({ opacity: 0.7, helper: "clone"}); 

我已经验证了这个jquery运行正常，因为我的track-rows有这些类：“track-row ng-scope ui-draggable ui-draggable-handle”和我的播放列表行有这些类：“播放列表行ng-binding ui-droppable“

这些行肯定是可拖动的，但当我将它们拖到播放列表行并释放鼠标时，没有任何反应。没有触发drop事件，也没有控制台日志。我还没有找到关于为什么会发生这种情况的任何迹象。