jQuery UI:Y 鼠标在放置可拖动对象时坐标错误

jQuery UI: Y Mouse coords wrong when dropping a draggable object

本文关键字：拖动 对象 错误 坐标 UI 鼠标 jQuery      更新时间：2023-09-26

我的目标是最终将以下css设置为删除的对象： 

position: relative; 
top: topOffset; 
left: leftOffset;

但是，尽管leftOffset看起来不错，但topOffset却不是。

注意：这是在将可拖动的div 拖放到可放置的div 时。 （jQuery UI）

$('.paginationPage').droppable({
    drop:function(event, ui) {
        offset = $(this).offset();
        leftOffset = event.clientX - offset.left;
        topOffset = event.clientY - offset.top;
       console.log("event clientX: " + event.clientX + " offset.left: " + offset.left);
       console.log("event clientY: " + event.clientY + " offset.top: " + offset.top);
       console.log(leftOffset + ',' + topOffset);
    }
});

控制台.log显示：

event clientX: 684 offset.left: 660
event clientY: 205 offset.top: 954.5166625976562
24,-749.5166625976562

根据触发时我的鼠标所在的位置，客户端Y似乎不正确。 ???

这就是解决方案。

                    offset = $(this).offset();
                    leftOffset = event.clientX - offset.left;
                    topOffset = event.clientY - offset.top + $(document).scrollTop();
相关文章：