事件在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中渲染得太遠了

回答

相關問題