Проблемы с анимацией счетчика на JavaScript в новой версии JointsWP 5

Оффтоп javascript
1

Я столкнулся с трудностями, используя последнюю версию JointsWP 5. Когда добавляю анимацию счетчика на JavaScript, она не запускается. В старой версии фреймворка это работало нормально.

function startCounterAnimation() {
  const totalViews = document.getElementById('viewsCounter');
  let currentValue = 0;
  const targetValue = 125847;
  
  const increment = () => {
    if (currentValue < targetValue) {
      currentValue += Math.ceil(targetValue / 100);
      totalViews.textContent = currentValue;
      setTimeout(increment, 50);
    }
  };
  
  increment();
}

Может быть, в новой версии изменился способ подключения скриптов или появились конфликты с другими библиотеками. Кто-нибудь сталкивался с похожей проблемой? Буду признателен за любые советы.

2

Скорее всего проблема в том, что элемент с ID viewsCounter еще не загружен, когда выполняется скрипт. В JointsWP 5 изменился порядок загрузки ресурсов. Попробуй обернуть вызов функции в DOMContentLoaded или добавить проверку на существование элемента перед запуском анимации. Еще вариант - перенести скрипт в футер, чтобы он выполнялся после полной загрузки DOM.

3

А в консоли браузера какие-нибудь ошибки выскакивают? Может стоит проверить через F12. Иногда в новых версиях меняются зависимости и что-то блокирует выполнение JS. Еще вопрос - а сам элемент с viewsCounter точно есть на странице?