Scriptaculous Droppables onDrop callback, Comment référencer chaque élément?

Question

La documentation se trouve here

Il est dit dans l'exemple:

onDrop: Appelé à chaque fois qu'un Draggable est libéré sur le largable et le largable est l'accepte. Le callback obtient trois paramètres: l'élément Draggable, l'élément Droppable et l'Event. Vous pouvez extraire des informations supplémentaires à propos de la chute - comme si les touches Ctrl ou Shift étaient enfoncées - à partir de l'objet Event.

Ensuite, il donne un code

Droppables.add ('shopping_cart', { accepter: 'produits', onDrop: function (element) { $ ('shopping_cart_text') mise à jour ('Lâché. le '+ element.alt +' sur moi. '); } });

Il utilise le mot ambigu 'element' dans le code. Ma question est, est-ce que quelqu'un a un bon exemple sur la façon de référencer l'élément draggable et l'élément droppable dans cette fonction javascript de rappel?

Answer 1

Aller par l'exemple plus bas de la page, la fonction de rappel peut prendre autant de paramètres que vous avez besoin:

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

Dans ce cas, ils ont utilisé aucun des paramètres de rappel. À cette fin, sans doute pour accéder à tous les trois comme mentionné dans le paragraphe que vous citez, vous pouvez définir:

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

Answer 2

J'ajouté cet exemple à la documentation ...

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