Comment désactiver Draggables dans script.aculo.us

Question

Je suis en train de faire un groupe d'objets draggable comme vous pouvez le voir ci-dessous - assez facile. Mais je voudrais configurer les choses de sorte que si l'un de ces éléments est traîné, les autres cesseront automatiquement d'être déplaçables. Est-ce que quelqu'un sait comment faire ça?

var products = document.getElementsByClassName('box'); 
for (var i = 0; i < products.length; i++) { 
    new Draggable(products[i].id, {ghosting:true}) 
} 

Aussi, est-il possible, après avoir fait un objet draggable, pour déclencher sélectivement et individuellement son « onStart », « OnEnd », ou des séquences « Revert » par le code, ne pas utiliser la souris?

Answer 1

Save the Draggables dans une collection et appeler destroy() sur eux quand l'un d'eux est traînés (c.-à-onEnd est tiré):

var draggables = []; 
var products = document.getElementsByClassName('box'); 
for (var i = 0; i < products.length; i++) { 
    var draggable = new Draggable(products[i].id, { 
     ghosting:true, 
     onEnd: function() { 
      draggables.invoke('destroy'); 
     } 
    }); 
    draggables.push(draggable) 
} 

Answer 2

Une fois que vous enregistrez draggables pour détruire tous les éléments déplaçables font:

draggables.each(function(item){ 
    item.destroy(); 
});