JQuery UI Капля Отключить на выбранных элементах

Question

я хочу добавить ограничение падения на кругах, я написал scrit для волоча кругов

проблема пользователь может упасть круг на другой круг, я не хочу, чтобы это , просто мне нужно вернуться, если пользователь перетащит круг на другой круг.

Я пишу некоторые коды для этого. но это не работает для меня, оно всегда возвращает выпавший круг. вот мой пример URL

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

здесь JS код я бегу в огне ошибка

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

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

, пожалуйста, помогите мне сделать это.

есть еще один маленький вопрос - мы можем отслеживать Откат событие на это, мне нужно перекрашивать линии, когда возвращаясь круг :)

Answer 1

для того, чтобы перетаскивать элементы, чтобы признать, что они при падении друг на друга , вам нужно будет реализовать некоторую форму обнаружения столкновений. В Интернете есть много ресурсов, которые объясняют основные понятия обнаружения столкновений, если вы хотите реализовать свое собственное решение, или можете использовать библиотеку, которая уже реализует ее.

Вот библиотека с открытым исходным кодом для Jquery, который использует обнаружение столкновений: http://sourceforge.net/projects/jquidragcollide/