навигация javascript swiper не работает - PullRequest
Новая
       16

навигация javascript swiper не работает

0 голосов
/ 24 апреля 2018

Я использую swiper для создания слайдера на моем сайте. К сожалению, навигация не работает в Chrome. Кнопки появляются, но ничего не делают.

Это мой код: 

<div class="swiper-container">
    <div class="swiper-wrapper">
      <div class="swiper-slide">
      </div>
      <div class="swiper-slide">
      </div>
      <div class="swiper-slide">
      </div>
      <div class="swiper-slide">
      </div>
      <div class="swiper-slide">
      </div>
    </div>

    <div class="swiper-button-next"></div>
    <div class="swiper-button-prev"></div>
  </div>



  <script src="js/swiper/swiper.min.js"></script>

  <script>
    var swiper = new Swiper('.swiper-container', {
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      slidesPerView: 3,
      spaceBetween: 5,
      loop: true,
      centeredSlides: true,
    });
  </script>

Я надеюсь, что кто-то может мне помочь, так как я не смог найти никакой информации, касающейся этой темы.

1 Ответ

0 голосов
/ 03 октября 2018

У меня была точно такая же проблема, и я не мог понять.

Этот вопрос помог мне понять, что проблема существовала до тех пор, пока размер окна не был изменен.

Добавление:

observer: true, 
observeParents: true

Чтобы конфиг Swiper решил проблему для меня

...