Здравствуйте. Долго мучаюсь и не могу понять в чем может быть проблема. В обычной верстке библиотека progressbar.js работала нормально после натяжки перестала работать и в консоли выдает данную ошибку:
Uncaught ReferenceError: ProgressBar is not defined(…)
Html код:
<section class="number-remont">
<div class="wrap">
<h3 class="section-header">Заголовок</h3>
<div class="remont-numbers">
<div>
<div>
<div class="number-container" id="number1"></div>
</div>
<p><?php the_field('number1'); ?></p>
</div>
.....
.....
Ошибка соответственно указывает на данный кусок кода:
if(jQuery('#number1').length > 0) {
var bar1 = new ProgressBar.Circle(number1, {
color: '#000',
strokeWidth: 4,
trailWidth: 3,
trailColor: '#91bac3',
easing: 'easeInOut',
duration: 2000,
text: {
autoStyleContainer: false
},
from: { color: '#095f71', width: 3 },
to: { color: '#095f71', width: 3 },
step: function(state, circle) {
circle.path.setAttribute('stroke', state.color);
circle.path.setAttribute('stroke-width', state.width);
var value = Math.round(circle.value() * 21);
if (value === 0) {
circle.setText('');
} else {
circle.setText(value);
}
}
});
bar1.text.style.fontSize = '2.4rem';
}
jQuery подключен в хедере, js со скриптом в футере. Также менял порядок подключения, безрезультатно.
В чем может быть проблема? Спасибо.
Для полной конкретики:
Страница после натяжки:
ar38.ru/santekhnicheskie-raboty
Страница в верстке:
ar38.ru/template/page-2-5.html
Секция "Компания в цифрах"