Пользовательская кнопка переключает настройку 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');

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