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

Question

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

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

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

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

Droppables.add ('shopping_cart', { принять: «продукты», 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);
  }
});