Question

我想使用HTML表和jQuery制作事件日历。我使用 HTML表格制作了日历。我现在想要在该表中显示事件。

我的想法是使用jQuery动态创建div并将这些div放在特定表格单元格的正上方。

我不能将div附加到特定的表格单元格，因为某些事件可能跨越多天（因此多个单元格）。

所以我想把我动态创建的div的位置设置为绝对值，并给它一个更高的z-index，使它漂浮在HTML表格之上。

但现在我无法找到如何计算特定表格单元格的位置。使用jQuery我可以计算行索引和列索引，但我想要x和y位置。

Answer 1

你有两个jquery内置函数

position()

offset()

用法

 //Where   p is the first paragraph of the page

<强>偏移

var offset = p.offset();
p.html( "left: " + offset.left + ", top: " + offset.top );

排名

var p = $( "p:first" );
var position = p.position();
$( "p:last" ).text( "left: " + position.left + ", top: " + position.top );

适用于道明偏移

抓住这个战利品

Answer 2

你可以使用jquery插件而不是重写吗？

您还可以检查此插件如何将日期表和事件表重叠在另一个上。