JQuery UI Goutte Désactiver sur certains éléments

Question

je veux ajouter la limite de baisse sur les cercles, j'ai écrit un Scrit pour glisser les cercles

le problème est utilisateur peut déposer cercle sur un autre cercle, je ne veux pas permettre , simplement j'ai besoin de revenir si l'utilisateur glisser et déposer un cercle sur un autre cercle.

J'écris des codes pour cela. mais ça ne marche pas pour moi, ça revient toujours au cercle baissé. ici est mon exemple url

http://webxtreams.net/demoprofiles004/circledragger.html

ici est le code js je lance le bug feu

$(".circle").draggable({ 
    revert: 'invalid' 
}); 

$(".circle").droppable({ 
    accept: function(el) {   
     return el.hasClass('.circle'); 
    } 
}); 

s'il vous plaît aidez-moi à le faire.

ont une autre petite question - peut-on suivre l'événement revenir sur ce point, je dois repeindre les lignes quand le cercle :) revenir

Answer 1

Pour que les éléments déplaçables de reconnaître qu'ils sont abandonnées les unes des autres , vous devrez implémenter une forme de détection de collision. Il y a beaucoup de ressources en ligne qui expliquent les concepts de base de la détection de collision si vous voulez implémenter votre propre solution, ou vous pouvez utiliser une bibliothèque qui l'implémente déjà.

est ici une bibliothèque open source pour Jquery qui utilise la détection de collision: http://sourceforge.net/projects/jquidragcollide/