Почему два или более скользящих слайдера не работают на одной странице? - PullRequest
Новая
       29

Почему два или более скользящих слайдера не работают на одной странице?

1 голос
/ 28 марта 2019

Я хочу использовать два одинаковых скользящих слайдера, первый слайдер работает, но другой не работает.Может кто-нибудь помочь мне исправить неправильный код? 

<section class="center slider">
  <div><a href="#"><img src="Desert.jpg"></a></div>
  <div><a href="#"><img src="Desert.jpg"></a></div>
  <div><a href="#"><img src="Desert.jpg"></a></div>
  <div><a href="#"><img src="Desert.jpg"></a></div>
</section>
<section class="center1 slider">
  <div><a href="#"><img src="Desert.jpg"></a></div>
  <div><a href="#"><img src="Desert.jpg"></a></div>
  <div><a href="#"><img src="Desert.jpg"></a></div>
  <div><a href="#"><img src="Desert.jpg"></a></div>
</section>

$(document).on('ready', function() {
  $(".center").slick({
    dots: false,
    infinite: true,
    centerMode: true,
    slidesToShow: 4,
    slidesToScroll: 2
  });
  $(".center1").slick({
    dots: false,
    infinite: true,
    centerMode: true,
    slidesToShow: 4,
    slidesToScroll: 2
  });
});
...