事件在fullCalendar中渲染得太远了

我在将事件渲染到日历上时遇到了一个奇怪的问题。大约90％的时间所有的东西都只是罚款：事件在fullCalendar中渲染得太远了

然而，当时的另外10％的事件渲染过头各自列的权利：

有没有人有这个问题？我不怀疑这是我的代码，因为它大部分时间都在工作。我也相信每个浏览器都会出现这个问题。

下面是我的代码的基本轮廓：

var myEvent = { 
    title: nthClass.prefix.toUpperCase() + ' ' + nthClass.number + ':' + nthClass.section + '\nCRN: ' + nthClass.crn, 
    start: moment().date(objectMonthDay).day(selectedCourseDayOfWeek).hour(Number(hourStart)).minute(Number(minuteStart)).second(0), 
    end: moment().date(objectMonthDay).day(selectedCourseDayOfWeek).hour(Number(hourEnd)).minute(Number(minuteEnd)).second(0), 
    textColor: '#EAE6DC', 
    backgroundColor: backgroundColors[i], 
    borderColor: "#7f8c8d" 
} 
$('#calendar').fullCalendar('renderEvent', myEvent);

来源

2015-11-05 Matt Butler

你检查用内置浏览器的developper工具（假设这些元素的CSS是使用Firefox还是Chrome）？ – Slyvain

**下面是改变事件** ''

8:00 - 9:00

CIS 321:3
CRN: 23423

** –

而正确地呈现事件** '

5:00 - 6:00

HIST 321:3
CRN: 23452

“'的CSS 看来，唯一的区别是在50％左被应用到错误一。这很奇怪.. –

看来，我已经找到了解决这一问题。

最初我以为我添加的CSS不起作用，但经过一段传播时间后，它现在似乎工作得很好。经过大约30次尝试复制这个问题后，我没有遇到像以前那样的任何问题。

这里是修复那些渲染太远向右事件的CSS：

#calendar > div.fc-view-container > div > table > tbody > tr > td > div > div > div.fc-content-skeleton > table > tbody > tr > td > div > a{ left:0 !important; }

来源

2015-11-07 18:39:52

事件在fullCalendar中渲染得太远了

回答

相关问题