全日历事件图标未显示标题

Question

我有这个代码：

          {
              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) 位于标题左侧并显示出来，现在，图像不显示，我搜索了 google 和这些讨论，看看我是否能找到合适的方法，但我显然遗漏了一些东西。

Answer 1

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 似乎忽略了文本对齐属性，但这解决了我最初遇到的无法获取图像的问题出现。由于此图像是文本旁边的一种图标并且是背景图像，因此文本将覆盖图像。到目前为止，我找到的唯一解决方案是在文本旁边附加句点，直到达到我满意的程度。到目前为止，CSS 对齐在 eventRender event.title

中起作用

全日历事件图标未显示标题

fullcalendar event icon not showing with title

fullcalendar