Ползунок swiper не работает для данных цикла foreach ⇐ CSS

[Anonymous]

Я использую ползунок Swiper, чтобы показать данные, попадающие в цикл foreach. Но он показывает только первые данные цикла, другие не отображаются и не скользят. При проверке я получаю данные цикла, но ползунок просмотра не работает.
кодblade.php


@foreach($course->course_slots as $slot)



Meets {{ count($slot->schedules) }} more time


@endforeach




js-часть:
let swiper = new Swiper('.swiper-container', {
slidesPerView: 1,
spaceBetween: 20,
pagination: {
el: '.swiper-pagination',
clickable: true,
dynamicBullets: true,
},
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
simulateTouch: false


Подробнее здесь: https://stackoverflow.com/questions/647 ... -loop-data