Dodaj czcionki niesamowite ikonę pełny tytuł kalendarzowego

Question

używam WordPress, formy ogromnych i pełny kalendarz do stworzenia indywidualnego rozwiązania kalendarza

mam wszystko działa z wyjątkiem Chciałbym dodać czcionki niesamowite ikonę u przód każdego tytułu w kalendarzu.

Jeśli dodaję jakiś html w tytule, tak jak mój kod poniżej, widzę tylko wydrukowany kod, a nie końcowe wyniki.

$('#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 
 
     } 
 
    ] 
 
});

Czy ktoś z was mi punkt w dobrym kierunku ?? :-)

Pozdrowienia

Matt

Answer 1

Można zmodyfikować tytuł poprzedzenie font-niesamowite ikonę wewnątrz funkcji eventRender.

Dodałem jedną opcję z ikoną klucza: jeśli zdefiniowano ikonę, dołącza ona fontawesome ikonę w funkcji eventRender.

Sprawdź ten przykład:

$('#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>"); 
    } 
    }   
}) 

Answer 2

jeśli chcesz zamienić tekst z ikoną, możesz skorzystać z poniższego kodu

eventRender: function(event, element) { 
    element.find(".fc-title").html(function() { return $(this).html().replace("Rs", "<i class='fa fa-inr'></i>")}); 
}