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
          },

问题是，结果显示只是事件标题，我想让图标（图像）位于标题的左侧并显示，现在，图像不显示，我已经搜索谷歌和这些讨论，看看我是否能找到一个体面的方式，但我显然错过了一些东西。

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

中没有CSS对齐

fullcalendar事件图标没有显示标题

1 个答案: