jQuery Glisser et déposer Question de vérification

Question

Je suis novice dans l'utilisation de jQuery et je veux juste savoir comment je peux vérifier si un objet déplaçable a été retiré de l'objet droppable. Par exemple, j'ai un chien et je l'ai traîné à une niche qui a une ampoule qui s'allume indiquant que le chien est là. Quand je tire le chien hors de la niche, l'ampoule devrait repartir indiquant l'absence du chien.

Aidez-moi s'il vous plaît coz Je n'ai vraiment aucune idée de comment faire cela. Merci d'avance. :)

Answer 1

Vous pouvez utiliser le [drop event] [1] intégré dans l'interface utilisateur/draggable. Voici quelques exemples de code:

$("#doghouse").droppable(
    {drop:function(event,ui){ 
     if (ui.draggable[0].id=="dog"){ 
      //show lightbulb 
     } 
    });