fullcalendar事件圖標不與標題

表示我有這樣的代碼：fullcalendar事件圖標不與標題

  { 
       id: 'SPAN635585445000000000', 
       title: '*Modify Day', 
       color: 'purple', 
       start: new Date(2015,1,10,0,0), 
       className: '.eventItem', 
       url: 'mypage.aspx', 
       imageurl: 'images/modifyDay.png', 
       allDay: true 
      },

問題是，所得到的顯示只是事件標題，我想有圖標（IMAGEURL）是上的左標題和顯示，現在，圖像不顯示，我搜索谷歌和這些討論，看看我能否找到一個體面的方式，但我顯然缺少的東西。

來源

2015-02-06 Zumwalt Wood

到目前爲止工作你從哪裏得到'imageurl'是一個內置選項的想法？如果你想要這種功能，你必須在eventRender函數中手動完成：http://fullcalendar.io/docs/event_rendering/eventRender/基本上，在渲染時，爲每個事件元素添加一個帶有圖像的「div」。 – slicedtoad 2015-02-06 19:10:11

我一直在研究這個，並發現一些谷歌的結果： http://stackoverflow.com/questions/3750521/add-icons-in-first-line-of-an-event-fullcalendar – 2015-02-06 19:18:05

他們使用'eventRender'功能，你有嗎？發佈它，如果你這樣做。 – slicedtoad 2015-02-06 19:19:51

eventRender: function(event, element) 
{ 
    element.css('font-size','14px'); 
    if (event.title == '*Modify Day') 
    { 
     element.css('background-image', 'url(images/modifyDay.png)'); 
     element.css('background-repeat', 'no-repeat'); 
     element.css('text-align: center'); 
    } 
}

感謝SlicedToad用於這方面的一些三分球，儘管它看起來eventRender被忽略text-align屬性，但是這解決了我在那裏我不能讓我的形象展現了最初的問題。由於此圖像是文本旁邊的一種圖標，並且是背景圖像，因此文本將覆蓋圖像。到目前爲止，我發現的唯一解決方案是在文本旁添加句點，直到達到我滿意的程度。沒有CSS對齊在eventRender event.title

來源

2015-02-06 20:23:40

fullcalendar事件圖標不與標題

回答

相關問題