使用eventRender在fullcalendar事件中显示图像

我试图使用addClass在fc-event-inner类中显示图像。 我想用jquery做这个，所以我可以在不同的事件中使用不同的图像。 谁能告诉我为什么这不起作用？

 calendar.fullCalendar('renderEvent', { title: title, start: start, end: end, allDay: allDay, eventRender: function(copiedEventObject,element) { element.find('.fc-event-inner').css('background-image',"url(icons/kalender_medicin_100px.png)") }, className: '.fc-event-inner' }); 

Answer 1

您应该在fullCalendar配置中指定eventRender ，而不是通过renderEvent方法传递它。

 $('#calendar').fullCalendar({ eventRender: function(copiedEventObject,element) { var icon = $(document.createElement('div')); icon.css('background-image',"url(icons/kalender_medicin_100px.png)"); element.find('.fc-event-title').html(icon + copiedEventObject.title); } }); 

如果只想向拖动的事件添加图标，可以将自定义属性传递给事件数据，如下所示：

 calendar.fullCalendar('renderEvent', { //... isCustom: true, //... } 

现在，您可以检查事件是否在eventRender事件中具有自定义属性。

 eventRender: function(copiedEventObject,element) { if(copiedEventObject.isCustom){ //... } 

Answer 2

谢谢您的帮助。 它帮助我解决了这个问题。

但是这段代码只返回了一个对象而没有显示图像：

  var icon = $(document.createElement('div')); icon.css('background-image',"url(icons/kalender_medicin_100px.png)"); element.find('.fc-event-title').html(icon + copiedEventObject.title); 

如此使用：

  icon.css('background-image',"url(icons/kalender_medicin_100px.png)"); 

我将图像放在fc-event-title div 。 所以解决方案是这样的：

  element.find('.fc-event-title').html('
Ingen migræne idag
'); 

唯一的问题是我不能在html方法中使用变量，但在这种情况下它不是问题。 再次感谢