jQuery中动态元素的鼠标位置

Question

我一直在寻找这个问题一段时间没有真正的答案，我的情景：

$(document).on('click', '.slide-1', function (e) {
            var offset = $(this).offset();
            var left = e.pageX - this.offsetLeft;
            var top = e.pageY - this.offsetTop;
            console.log(left);
            console.log(top);
        });

我在jQuery中使用offsetLeft对象尝试了所有种类offsetTop，offet() ...当使用$(document).on时，所有这些似乎都与文档相关（我需要将.slide-1作为动态）。

问题是，当调整窗口大小时，值总是不同的，我无法确定单个鼠标单击位置。有没有人以前这样做过，可以给我任何指示？