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/

Documentation

jQuery UI拖放鼠标位置问题

1 个答案: