獲取模式的左上角坐標（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');

示例：獲取偏移量