@neverever

Почему ломается слайдер?

00b028efe5.png
<div class="slider2">
                <div class="winner">
                    <div class="slide">
                        <div class="winners"></div>
                        <div class="block-winner">
                           
                        </div>
                        <div class="name-winner">
                            <div class="participants">
                               Жюри
                            </div>
                            <div class="name">
                                Вика Иванова
                            </div>
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="block-winner">
                       
                    </div>
                    <div class="name-winner">
                        <div class="participants">
                            Жюри
                        </div>
                        <div class="name">
                            Вика Иванова
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="block-winner">
                   
                    </div>
                    <div class="name-winner">
                        <div class="participants">
                             Жюри
                        </div>
                        <div class="name">
                            Вика Иванова
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="block-winner">
                 
                    </div>
                    <div class="name-winner">
                        <div class="participants">
                             Жюри
                        </div>
                        <div class="name">
                            Вика Иванова
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="block-winner">
                  
                    </div>
                    <div class="name-winner">
                        <div class="participants">
                             Жюри
                        </div>
                        <div class="name">
                            Вика Иванова
                        </div>
                    </div>
                </div>
                <div class="slide">
                    <div class="block-winner">
          
                    </div>
                    <div class="name-winner">
                        <div class="participants">
                             Жюри
                        </div>
                        <div class="name">
                            Вика Иванова
                        </div>
                    </div>
                </div>
            </div>

function slider2() {
    var slider2 = $('.slider2');

    if (slider2.length) {
        slider2.slick({
            infinite: true,
            slidesToShow: 3,
            slidesToScroll: 3,
            speed: 1000,
            arrows: true,
            responsive: [
                {
                    breakpoint: 780,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 2,
                        infinite: true,
                    }
                },
                {
                    breakpoint: 624,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
            ]
        });
    }
}


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

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы