Scriptaculous Droppables обратный вызов onDrop, как ссылаться на каждый элемент?

Question

Документация может быть найдена здесь

В примере сказано:

onDrop: Вызывается всякий раз, когда Draggable выпускается поверх Droppable и Droppable принимает его. Обратный вызов получает три параметра: элемент Draggable, элемент Droppable и событие. Вы можете извлечь дополнительную информацию о перетаскивании, например, если были нажаты клавиши Ctrl или Shift, из объекта Event.

Тогда это дает некоторый код

Droppables.add('shopping_cart', { accept: 'products', onDrop: function(element) { $('shopping_cart_text'). Update('Отбросил' + element.alt + 'на меня.'); } });

Он использует неоднозначное слово "элемент" в коде. У меня вопрос: есть ли у кого-нибудь хороший пример того, как ссылаться на перетаскиваемый элемент и элемент сбрасывания в этой функции javascript обратного вызова?

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