перетаскиваемый элемент сбрасывается на несколько областей сбрасывания, если области сбрасывания уменьшены - как это исправить

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

Если я уменьшу мои области с помощью-webkit-transform:scale(0.3,0.3); событие падения действует странно. Падение происходит на несколько зон сбрасывания, прежде чем перетаскиваемый элемент прикрепляется к одной из областей сбрасывания.

Я предполагаю, что эта проблема из-за использованияscale но я непонятия не имею, как это исправить. Погуглил неТ тоже не поможет.

Я установил скрипку дляDEMO.

Вот мой код

СЦЕНАРИЙ

var click = {
    x: 0,
    y: 0
}; // used for recording mouse cords

$('document').ready(function(event){
    for(var i = 0 ; i 

Ответы на вопрос(1)

Ваш ответ на вопрос