Я пытаюсь реализовать плагин счетчика JQuery, но получаю сообщение об ошибке:
Панель инструментов: 694 Ошибка типа UnCaught: $ (...). CounterUp не является функцией
<!DOCTYPE html> <html lang="en"> <head> <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"integrity="sha384q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script> <script src="http://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script> <script src="jquery.counterup.min.js"></script> </head> <body> <div class="task-stat"><i class="icon-tasks"></i>Total tasks today<br><h2><span class="counter" data-counterup-time="1500" data-counterup-delay="30" data-counterup-beginat="100">{{$tasks->count()}}</span></h2></div> <script> $('.counter').counterUp({ delay: 10, time: 1000, offset: 70, beginAt: 100, formatter: function (n) { return n.replace(/,/g, '.'); } }); </script> </body> </html>
Пожалуйста, отметьте это
<!DOCTYPE html> <html lang="en"> <head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/2.0.3/waypoints.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/Counter-Up/1.0.0/jquery.counterup.min.js"></script> </head> <body> <div class="task-stat"><i class="icon-tasks"></i>Total tasks today<br><h2><span class="counter">1000</span></h2></div> <script> $('.counter').counterUp({ delay: 10, time: 1000, offset: 70, beginAt: 100, formatter: function (n) { return n.replace(/,/g, '.'); } }); </script> </body> </html>
Обновите версию библиотеки waypoints.min.js
<script src="https://cdnjs.cloudflare.com/ajax/libs/waypoints/4.0.0/jquery.waypoints.min.js"></script>