Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/69.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS/Jquery时间轴/调度程序显示_Jquery_Html_Css - Fatal编程技术网

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

CSS/Jquery时间轴/调度程序显示,jquery,html,css,Jquery,Html,Css,我一直在尝试为预定的活动构建一个web显示。每个事件都有一个动态计算的宽度(基于事件持续时间)和剩余裕度(基于开始时间)。根据需要显示的内容,每个事件也有一个高度。如果没有重叠的事件将元素移动到包含div的顶部,有没有简单的方法让我“向上移动所有内容” 我试着将每个事件放在一个row div中,这会产生一个大的垂直事件堆栈,并根据小时将其放在列中,这会使事件重叠 通常我在这里找到我的答案,第一次发布(因此,我不能发布图片)。我将根据需要提供任何澄清细节。这里有一个到dev页面的链接 http:/

我一直在尝试为预定的活动构建一个web显示。每个事件都有一个动态计算的宽度(基于事件持续时间)和剩余裕度(基于开始时间)。根据需要显示的内容,每个事件也有一个高度。如果没有重叠的事件将元素移动到包含div的顶部,有没有简单的方法让我“向上移动所有内容”

我试着将每个事件放在一个row div中,这会产生一个大的垂直事件堆栈,并根据小时将其放在列中,这会使事件重叠

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

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

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