获取模式的左上角坐标（jquery kendo-ui）

Question

我通过 jquery kendu-ui 有一个直接的可拖动模态 window。

我的目标是简单地获取一个模态的top left的屏幕坐标，相对于浏览器 window... 我正在尝试offset和getBoundingClientRect()方法，下面只是一些尝试的示例，所有尝试都是不断的控制台记录0 , 0 , .. 我在这里做错了什么？

 let ktop = $(".k-window").offset().top;
 let ktlft = $(".k-window").offset().left;
 console.log(ktop + " " + ktlft);

---

 let ktl = document.querySelector('.k-window');
 let procoords = ktl.getBoundingClientRect();

---

 let ktl = document.querySelector('.k-window');
 let ktlTop = ktl.offsetTop;
 let ktlLeft = ktl.offsetLeft;

Answer 1

Kendo 默认创建两个.k-window元素，一个用于可拖动目的，另一个用于“物理”window。 您的尝试总是将第一个堆栈到顶部 0 和左侧 0 的visibility: visible ，但display: none 。

一种选择是通过您的 window id 找到k-window包装器：

$('#my-window').closest('.k-window');

示例：获取偏移量