Html 当父容器调整大小时,Fullcalendar v4资源时间线未采用全宽
我在react项目中使用FullCalendar,左侧有一个侧栏;当我隐藏侧边栏时,资源时间线会扩展,但不会占据其全部宽度。看到下面的图像,我得到右边的空白(b)。< /P> 我在hamburger按钮中添加了一个click listener,这样每当单击它时,它都会调用calendar.updateSize,但这似乎无法解决我的问题。 我试图在hamburger中添加一个click事件监听器,而不是在父div中添加一个突变观察者,以便在其使侧栏隐藏/显示更改的类发生变化时,在回调中调用updateSize,这不起作用,但是如果在updateSize之后打开devTools并设置调试器,则可以单击hamburger,调整大小的过程非常完美。我不知道为什么它与devtool一起工作,并打开调试器 有趣的是,当我切换到不同的视图(如dayGridMonth)然后切换回resourceTimeline时,resourceTimeline会正确地调整其宽度,并且非常适合 有没有办法解决这个问题 提前谢谢你 试试这个: var calendar=newfullcalendar.calendar(calendarEl,{ 高度:'父' })) 试试这个: var calendar=newfullcalendar.calendar(calendarEl,{ 高度:'父'Html 当父容器调整大小时,Fullcalendar v4资源时间线未采用全宽,html,css,reactjs,fullcalendar,fullcalendar-scheduler,Html,Css,Reactjs,Fullcalendar,Fullcalendar Scheduler,我在react项目中使用FullCalendar,左侧有一个侧栏;当我隐藏侧边栏时,资源时间线会扩展,但不会占据其全部宽度。看到下面的图像,我得到右边的空白(b)。< /P> 我在hamburger按钮中添加了一个click listener,这样每当单击它时,它都会调用calendar.updateSize,但这似乎无法解决我的问题。 我试图在hamburger中添加一个click事件监听器,而不是在父div中添加一个突变观察者,以便在其使侧栏隐藏/显示更改的类发生变化时,在回调中调用upda
})) 尝试在单击侦听器触发或变异观察者发出侧栏viw更改值后,但在
updateSize()函数运行之前放置100ms延迟。尝试在单击侦听器触发或变异观察者发出侧栏viw更改值后,但在updateSize()函数运行之前放置100ms延迟
函数运行。如果没有任何代码(或者更好的是,一个可运行的示例),几乎不可能确定问题是什么。猜测一下,检查您是否没有任何CSS意外干扰日历的呈现。删除所有自定义CSS,甚至包括fullCalendar主题,并使用日历提供的默认CSS运行它,然后查看是否仍然存在问题。如果没有任何代码(或者更好的是,一个可运行的示例),几乎不可能确定问题是什么。猜测一下,检查您是否没有任何CSS意外干扰日历的呈现。删除所有自定义CSS,甚至包括fullCalendar主题,并使用日历提供的默认CSS运行它,然后查看是否仍然存在问题。