Scriptaculous Droppables onDrop 回调，如何引用每个元素？答案

【问题标题】：Scriptaculous Droppables onDrop callback, How to reference each element?Scriptaculous Droppables onDrop 回调，如何引用每个元素？
【发布时间】：2008-09-22 20:49:31
【问题描述】：

文档可以在here找到

例子中说：

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

然后给出一些代码

Droppables.add('shopping_cart', { 接受：'产品'， onDrop：函数（元素）{ $('shopping_cart_text').update('把'+ element.alt +'放在我身上。'); } });

它在代码中使用了模棱两可的词“元素”。 我的问题是，有没有人有一个很好的例子说明如何在这个回调 javascript 函数中引用可拖动元素和可放置元素？

【问题讨论】：

标签： javascript scriptaculous droppable

【解决方案1】：

通过页面下方的示例，回调函数可以根据需要获取任意数量的参数：

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

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

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

【讨论】：

【解决方案2】：

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

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

【讨论】：