jQuery UI 拖放鼠标位置问题答案

【问题标题】：jQuery UI Drag and Drop mouse position issuejQuery UI 拖放鼠标位置问题
【发布时间】：2011-11-24 19:07:50
【问题描述】：

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

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

我不知道是否有办法解决这个问题，但我可以弄清楚。

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

提前谢谢你！

【问题讨论】：

标签： javascript jquery jquery-ui drag-and-drop

【解决方案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

【讨论】：

非常感谢，我不知道我是怎么错过的！