jQuery UI droppables - changement de l'image déposée

Question

Je travaille avec les la liste déroulante de jQuery UI et je me demande quel est le meilleur moyen de faire en sorte que le clone déposé utilise un SRC IMG différent de l'élément en cours de suppression.

Dans la démonstration du gestionnaire de photos, la vignette est déposée dans un logement de la même taille. J'aimerais déposer une grande image dans une petite fente et j'ai donc besoin que son clone utilise ma vignette à la place de l'image complète.

Des suggestions sur la meilleure façon de gérer cela?

Answer 1

L'API droppable accepte un rappel "drop" dans ses options. Utilisez-le pour changer le src de l'image, quelque chose comme:

  $('#dropContainer').droppable({
       drop: function(e,ui) {
            $(ui.draggable).attr('src','/path/to/different/image');
       }
  });