javascript - fullCalendar.js：在同一水平线上对齐事件

Question

简而言之，这就是我现在所拥有的：

三角形和圆形是同一个说法中的两个不同事件。现在它们在彼此的顶部垂直对齐。

这就是我想要实现的目标：

这两个事件水平对齐。

所以float: left在这里不起作用，因为完整日历中的事件被absolute定位到主日历的 div。它必须通过动态移动top和left检测哪些事件在底线上来做一些事情。但是怎么做？

Answer 1

如果事件定位在主日历 div 上，您需要做的是使用 $("#day").position 获取所需日期的 x/y 位置，然后设置顶部和左侧事件 div 到该 x/y，第二个事件的位置为 x+(width)/y

所以像

var pos = $("#day").position;
$("#event1").css({"top": pos.top, "left":pos.left});
$("#event2").css({"top": pos.top, "left":pos.left+25});