Блог

Поэтому я пытаюсь использовать библиотеку SwiperJS, но это не работает. Это довольно большой веб-сайт с большим количеством контента на странице, для которой я пытаюсь его использовать. Странно то, что на небольшом веб-сайте для тестирования меня это действительно работает. Но когда я пытаюсь использовать его на большом веб-сайте, консоль выдает ошибку.

Мой код:

 <div class="swiper mySwiper">
  <div class="swiper-wrapper">
    <div class="swiper-slide">
      <img src="https://swiperjs.com/demos/images/nature-1.jpg" />
    </div>
    <div class="swiper-slide">
      <img src="https://swiperjs.com/demos/images/nature-2.jpg" />
    </div>
    <div class="swiper-slide">
      <img src="https://swiperjs.com/demos/images/nature-3.jpg" />
    </div>
    <div class="swiper-slide">
      <img src="https://swiperjs.com/demos/images/nature-4.jpg" />
    </div>
    <div class="swiper-slide">
      <img src="https://swiperjs.com/demos/images/nature-5.jpg" />
    </div>
    <div class="swiper-slide">
      <img src="https://swiperjs.com/demos/images/nature-6.jpg" />
    </div>
  </div>
  <div class="swiper-pagination"></div>
</div>
 

И JS:

 <!-- Swiper JS -->
<script src="https://unpkg.com/swiper/swiper-bundle.min.js" id="script-swiper"></script>

<!-- Initialize Swiper -->
    <script>
      var swiper = new Swiper(".mySwiper", {
        pagination: {
        el: ".swiper-pagination",
        },
        observer: true,
        observeParents: true
    });
</script>
 

Ошибка консоли: Swiper is not defined at www.url.com/script.js

Я уже пробовал window.onload и установить тайм-аут в несколько секунд перед запуском нового Swiper. Может быть, кто-нибудь знает, как это исправить?