jquery - CSS/Jquery 时间轴/调度程序显示

Question

我一直在尝试为预定的事件构建一个网络显示。每个事件都有一个动态计算的宽度(基于事件持续时间)和 margin-left(基于开始时间)。每个事件也有一个高度，基于需要显示的内容。如果没有重叠事件将元素移动到包含的 div 的顶部，我是否有任何简单的方法来“将所有内容向上移动”？

我试过将每个事件放在一个行 div 中，这会导致事件的大量垂直堆叠，并尝试将每个事件放在基于小时的列中，这让我的事件重叠。

通常我在这里找到我的答案，第一次发布(因此，我不能发布图片)。我将根据需要提供任何澄清细节。这是开发页面的链接。

http://198.101.211.222/index.php/matrix/dayview/2012/10/16/237

Answer 1

您需要计算一种颜色的每个元素的左边缘位置和右边缘位置。然后当你放置元素时:将行号设置为 0。然后你必须查看同一行上的所有元素并检查当前元素的左边缘或右边缘是否在某人的边缘内。所以你将行号增加两个并再次开始检查。如果没有找到相同的行 - 将元素放在当前行值上