自定义按钮切换设置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');

我希望班级命名保持一致。