javascript - 使用 jQuery/Ember 框架访问丢弃的项目

Question

我正在使用 ember.js 和 jQuery-ui 框架。目前，我能够让元素可拖动，并且可以在将项目放入特定 div 时触发事件。

但是，我无法获得拖放到 div 上的实际元素。传入的事件变量表示元素被拖放到的 div，“this”表示一个 ember 对象。

我如何能够访问被丢弃的项目？

我正在使用的代码概述：

App.MyView = Em.View.extend({
    ...
    drag: function (event) {
        // This works correctly and the event here represents the actual element
        console.log("Dragging");
    },
    drop: function (event) {
        // This is where I am not able to access the dropped iem
        console.log("Dropped");
    },
    ...
});

谢谢

Answer 1

如果您使用 jQuery 可拖动/可放置，ui.draggable应该是您正在寻找的。

http://jqueryui.com/demos/droppable/#event-drop

drop: function(event, ui) { ... }

在回调中，$(this) 表示可拖放的可拖放对象。ui.draggable 表示可拖动。