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

Question

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

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

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

这两个事件是水平对齐的。

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

Answer 1

如果事件是针对主日历div定位的，那么您需要做的是使用$（“＃day”）。position来获取所需日期的x / y位置，然后设置顶部和事件左边的div为x / y，第二个事件的位置为x +（宽度）/ y

类似

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