У меня есть календарь календаря полного календаря.
В календаре я добавил это css: чтобы получить несколько строк на ресурсах заголовка, если оно слишком длинное:
.fc-timeline .fc-cell-text {
white-space: initial;
}
In мой пример AUDITORIUM C .....
Также я добавил этот скрипт, чтобы изменить размер ячеек событий, если я пытаюсь изменить с помощью мыши область ресурса: (если я увеличу ширину, За заголовок ресурсов получают только 1 строку, а ячейка для аудитории C корректно уменьшает ее высоту). Единственный способ, который я нашел, это:
window.onmousemove = function() {
$('#calendar').fullCalendar( 'refetchResources' );
}
До сих пор все в порядке.
Затем я добавил 2 кнопки, чтобы увеличить e уменьшить текст внутри календаря.
Проблема начинается здесь: если я изменяю размер, И Я ПЕРЕМЕЩАЮ МЫШЬ, размер возвращается к начальному значению ... кажется, что refetchResources также перезагружает старые стили ...
Есть ли способ исправить мою проблему?
скрипка: https://jsfiddle.net/Lze87t4o/1/