jQuery UI拖放鼠标位置问题

Question

我正在开发一个网站，您可以使用jQuery UI在页面中将不同的“模块”（带有信息的正方形）从一个地方移动到另一个地方。

我的问题是，当我将一个模块拖到一个可放置区域时，脚本识别的位置是模块的中间而不是鼠标位置。

我不知道是否有可能解决这个问题，但我还能想出来。

我做了这个小提琴： http : //jsfiddle.net/nicosunshine/vMpNA/3/显示问题。

先感谢您！。

Answer 1

只需将droppable的容差设置为指针，即

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/

文档