Javascript fullCalendar.js:在同一水平线上对齐事件

Javascript fullCalendar.js:在同一水平线上对齐事件,javascript,jquery,css,fullcalendar,Javascript,Jquery,Css,Fullcalendar,简而言之,这就是我现在拥有的: 三角形和圆形是同一种说法中的两个不同事件。现在,它们彼此垂直对齐 这就是我想要实现的目标: 这两个事件水平对齐 因此float:left在这里不起作用,因为完整日历中的事件是绝对的ly定位到主日历的div。它必须通过检测哪些事件在底线上来动态移动顶部和左侧。但是如何定位呢?如果事件是针对主日历div定位的,那么您需要做的是使用$(“#day”)。position获取您想要的当天的x/y位置,然后将事件div的顶部和左侧设置为该x/y,第二个事件的位置为x+(宽

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

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

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

这两个事件水平对齐


因此
float:left
在这里不起作用,因为完整日历中的事件是
绝对的
ly定位到主日历的div。它必须通过检测哪些事件在底线上来动态移动
顶部
左侧
。但是如何定位呢?

如果事件是针对主日历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});

您是否有一些代码?快速获取特定日期位置的方法?这是特定于实现的。我会为日历中的每个day div分配一个唯一的ID(6行7天,42个唯一单元格),然后用day number+month offset查找它。因此,如果你想查看2013年7月11日星期四,你会看到这个月的偏移量是1,因此你将事件附加到第12个divargh god上。如果你可以将事件分配到
.fc day content
,那么会容易得多。根据我对fullcalendar插件的理解,每天都有一个.fc day content div,所以这没有帮助。但我也有这样的印象:事件数据被添加到.fc day内容中,而不是绝对定位到完整的calendar.yup中,并且每天都有
数据日期
属性,因此它是唯一的。