Question

可以找到文档here

在示例中说：

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

然后它给出了一些代码

Droppables.add（'shopping_cart'，{ 接受：'产品'， onDrop：function（element）{ $（'shopping_cart_text'）。update（'删掉'+ element.alt +'在我身上。'）; } }）;

它在代码中使用含糊不清的单词“element”。 我的问题是，有没有人在如何引用此回调javascript函数中的draggable元素和droppable元素方面有一个很好的例子？

Answer 1

通过页面下方的示例，回调函数可以根据需要采用尽可能多的参数：

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

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

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

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

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

2 个答案: