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事件图标不与标题

回答

相关问题