javascript - jQuery UI 拖放鼠标位置问题

Question

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

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

我不知道是否有解决方法，但我可以想出办法。

我做了这个 fiddle :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/

Documentation