在jQuery中調整事件大小FullCalendar

Question

如何更改FullCalendar單元格中的事件大小。

我的日曆中的每個事件都是一個圖像，所以如果當前多個圖像顯示，它們將垂直顯示。但我想橫向顯示所有事件。

我試圖修改它的CSS，使用float: left, display: inline，但沒有運氣。也改變了每個圖像來11px大小，但沒有運氣

請參閱我的直播網站：http://oryxtesting.com/learning-events/

Answer 1

發生這種情況，因爲圖像被絕對定位，被迫看起來像他們在日曆很好地定位。這些元素甚至不在表格單元格內，它們只是覆蓋在表格上方。

此外，圖像沒有繼承11px的寬度，因爲它們的內聯寬度爲54px。

修復並不容易。您需要更正腳本以將圖像插入日曆表格單元格中。或者，你需要絕對定位它們，使它們看起來在同一條線上。

Answer 2

我添加了一個eventRender在月視圖日曆....這裏是我的代碼：

eventRender: function(event, element, view) { 
    var diff=datediff(view.visStart,event.start); //note datediff if a self-made function which returns the number of days between calendar start view and current day 
    var rows=parseInt(diff/7); 
    var cols=diff; 
    element.css('position','static'); 
    $('tr.fc-week'+rows+' td.fc-day'+cols+' div.fc-day-content div:first').append($(element)); 
}