javascript - fullCalendar.js : align events in the same horizontal line

Question

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

三 Angular 形和圆形是同一句话中的两个不同事件。现在它们彼此垂直对齐。

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

两个事件水平对齐。

所以 float: left 在这里不起作用，因为完整日历中的事件绝对定位到主日历的 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});