jQuery UI拖放鼠标位置问题

Question

jQuery UI拖放鼠标位置问题

javascriptjqueryjquery-uidrag-and-drop

4

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

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

我不知道是否可能解决这个问题，但我还没有弄清楚。

我制作了这个fiddle：http://jsfiddle.net/nicosunshine/vMpNA/3/ 显示了这个问题。

谢谢！

- nicosantangelo

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Andrew · Accepted Answer

只需将可放置元素的容差设置为指针即可，即

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