jquery - 将字体很棒的图标添加到完整的日历标题

Question

我正在使用 WordPress、强大的表单和完整的日历来创建定制的日历解决方案

我一切正常，除了我想在日历中每个标题的前面添加一个很棒的字体图标。

如果我在标题中添加任何 html(如下面的代码)，我只会看到打印的代码，而不是最终结果。

$('#calendar').fullCalendar({
    events: [
        {
            title  : '<i class="fa fa-asterisk"></i>event1',
            start  : '2010-01-01'
        },
        {
            title  : 'event2',
            start  : '2010-01-05',
            end    : '2010-01-07'
        },
        {
            title  : 'event3',
            start  : '2010-01-09T12:30:00',
            allDay : false // will make the time show
        }
    ]
});

你们中有人能给我指出正确的方向吗？ :-)

问候

马特

Answer 1

您可以在 eventRender 函数中修改标题前面的 font-awesome 图标。

我添加了一个带有 key 图标的选项:如果定义了图标，则会在 eventRender 函数中附加 fontawesome 图标。

检查这个例子:

$('#calendar').fullCalendar({
  events: [
    {
        title  : 'event1',
        start  : '2015-10-01',
        icon : "asterisk" // Add here your icon name
    },
    {
        title  : 'event2',
        start  : '2015-10-05',
        end    : '2015-10-07'
    },
    {
        title  : 'event3',
        start  : '2015-10-09T12:30:00',
        allDay : false // will make the time show
    }
],
eventRender: function(event, element) {
     if(event.icon){          
        element.find(".fc-title").prepend("<i class='fa fa-"+event.icon+"'></i>");
     }
  }        
})