文档可以在这里找到

它在示例中说：

onDrop：
每当在Droppable上释放Draggable并且Droppable接受它时调用。回调获取三个参数：Draggable元素，Droppable元素和Event。我们可以提取有关放置的其他信息，例如是否从事件对象中按下了Ctrl或者Shift键。

然后给出一些代码

Droppables.add('shopping_cart'，{
接受："产品"，
onDrop：function(element){
$('shopping_cart_text')。update('将'+ element.alt +'放到我身上。');
}
});

它在代码中使用了模糊的单词" element"。我的问题是，有没有人有一个很好的示例说明如何在此回调javascript函数中引用draggable元素和droppable元素？

解决方案

以该示例在页面的更下方为例，回调函数可以根据需要使用任意数量的参数：

onDrop: function() { $('droppable_demo').highlight(); }

在这种情况下，他们没有使用任何回调参数。为此，大概可以访问我们引用的段落中提到的所有三个，我们可以定义：

onDrop: function(dragged, dropped, event) {  }

我将此示例添加到文档中...

Droppables.add('shopping_cart', {
  accept: 'products',
  onDrop: function(dragged, dropped, event) {
    alert('Dragged: ' + dragged.id);
    alert('Dropped onto: ' + dropped.id);
    alert('Held ctrl key: ' + event.ctrlKey);
  }
});