jQuery UI Перетаскивание мышью проблемы с позицией

Question

Я разрабатываю сайт, на котором вы можете перемещать различные "модули" (квадраты с информацией) из одного места в другое на странице с помощью пользовательского интерфейса jQuery.

Моя проблема заключается в том, что при перетаскивании одного модуля взона сброса, место, распознаваемое сценарием, является серединой модуля, а не позицией мыши.

Я не знаю, можно ли обойти это, но я пока не могу понять.

Я сделал эту скрипку: http://jsfiddle.net/nicosunshine/vMpNA/3/, которая показывает проблему.

Заранее спасибо!.

Answer 1

Просто установите допуск переключателя на указатель, т.е.

jQuery("#dropHere").droppable({
 drop: function(){
        console.log("dropped!");
    },
    over: function (event, ui) {
        jQuery(this).addClass("over");
    },
    out: function (event, ui) {
        jQuery(this).removeClass("over");
    },
    tolerance: 'pointer'
});

http://jsfiddle.net/vMpNA/4/

Документация