Пользовательская кнопка переключает настройку filterResourcesWithEvents игнорирует вызов jquery text ()

Question

Я хотел бы добавить пользовательскую кнопку для переключения опции filterResourcesWithEvents.В идеале кнопка изменила бы стиль в нажатом состоянии, но сейчас я просто пытаюсь изменить текст кнопки после установки параметра.Проблема в том, что текст не меняется.

Полный пример можно найти здесь в CodePen .

custom1: {
 text: 'Filter off',
 click: function() {
        var cal = $('#calendar').fullCalendar('getCalendar');
        var newFilterResourcesWithEvents = ! cal.option('filterResourcesWithEvents');
        cal.option('filterResourcesWithEvents', newFilterResourcesWithEvents);
        // The following line being ignored.
        $(this).text(newFilterResourcesWithEvents ? 'Filter on' : 'Filter off');
}},

Я подозреваю, что функция опции планировщика может мешать обновлению text ().

У кого-нибудь есть предложения?

Answer 1

После небольшого эксперимента я обнаружил, что я использую селектор класса, чтобы изменить кнопку, она просто работает.Я не совсем уверен, почему.

В основном, если я заменю последнюю строку на:

$("button.fc-custom1-button").text(newFilterResourcesWithEvents ? 'Filter on' : 'Filter off');

Я надеюсь, что именование классов остается последовательным.