jQuery UI - application drag and drop sans code supplémentaire

Ce petit jeu concernant la géographie est développé exclusivement à l'aide des méthodes, options et événements disponibles "out of the box" avec jQuery UI, c'est-à-dire qu'il n'a pas fallu écrire du code JavaScript spécifique.

Trainer les pays dans le continent correspondant.

Bolivie
Côte d'Ivoire
Grèce
Thailande
Canada
Inde
Nouvelle Zelande
Tanzanie
Moldavie
Australie

Afrique

Amérique

Asie

Europe

Oceanie

Voici le code pour cet exemple :

<script>
$(".item").draggable({
   revert: "invalid",
   cursor: "move"
});
$(".afrique-container").droppable({
   accept: ".afrique"
});
$(".amerique-container").droppable({
   accept: ".amerique"
});
$(".asie-container").droppable({
   accept: ".asie"
});
$(".europe-container").droppable({
   accept: ".europe"
});
$(".oceanie-container").droppable({
   accept: ".oceanie"
});
</script>

MAF (29.11.2018)