jQuery UI拖放鼠标位置问题

jQuery UI Drag and Drop mouse position issue

本文关键字:位置 问题 鼠标 拖放 UI jQuery      更新时间:2023-09-26

我正在开发一个网站,在那里你可以移动不同的"模块"(正方形的信息)从一个地方到另一个与jQuery UI的页面

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

我不知道是否有可能有一个解决这个问题的方法,但我可以弄清楚。

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

只需设置可丢弃指针的容差,即

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/

文档