获取模态框的左上角坐标 (jquery kendo-ui)

Question

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

我的目标是简单地获取模式的 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 元素，一个用于拖动目的，另一个用于 "physical" window。您的尝试总是将第一个堆叠到顶部 0 并使用 visibility: visible 留下 0，但使用 display: none.

其中一个选项是通过您的 window id 找到 k-window 包装器：

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

get top left coordinates of a modal (jquery kendo-ui)