Javascript Scriptaculous Dropables onDrop回调,如何引用每个元素?

Javascript Scriptaculous Dropables onDrop回调,如何引用每个元素?,javascript,scriptaculous,droppable,Javascript,Scriptaculous,Droppable,可以找到文档 它在示例中说: onDrop: 每当可拖放对象在可拖放对象上释放并且可拖放对象接受它时调用。回调得到三个参数:Draggable元素、dropable元素和事件。您可以从事件对象中提取有关拖放的其他信息,如按下Ctrl键或Shift键。 然后给出了一些代码 Droppables.add('购物车'){ 接受“产品”, onDrop:功能(元素){ $('shopping\u cart\u text').update('drop the'+element.alt+'on me.');

可以找到文档

它在示例中说:

onDrop: 每当可拖放对象在可拖放对象上释放并且可拖放对象接受它时调用。回调得到三个参数:Draggable元素、dropable元素和事件。您可以从事件对象中提取有关拖放的其他信息,如按下Ctrl键或Shift键。

然后给出了一些代码

Droppables.add('购物车'){ 接受“产品”, onDrop:功能(元素){ $('shopping\u cart\u text').update('drop the'+element.alt+'on me.'); } });


它在代码中使用了模棱两可的单词“element”我的问题是,有没有人有一个关于如何在回调javascript函数中引用draggable元素和dropable元素的好例子?

再看下一页的例子,回调函数可以根据需要使用任意多的参数:

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