Jquery | Slick slider

Question

Всем привет. Ни как не могу решить проблему со слайдером, дело в том что он иногда работает корректно, а иногда исчезает когда играюсь с шириной окна.

function partnerslider() {
        $('#partnersSlider').each(function(){
            var partnersSlider = $(this);

            if ($(window).width() > 768) {
                if (partnersSlider.hasClass('slick-initialized')) {
                    partnersSlider.slick('unslick');
                }
            }
            else if (!partnersSlider.hasClass('slick-initialized')) {
                partnersSlider.slick({
                    arrows: false,
                    dots: false,
                    infinite: true,
                    autoplay: true,
                    mobileFirst: true,
                    autoplaySpeed: 5000,
                    slidesToShow: 3,
                    slidesToScroll: 3,

                    responsive: [
                        {
                            breakpoint: 575,
                            settings: {
                                vertical: true,
                                slidesToShow: 3,
                                slidesToScroll: 2
                            }
                        }
                    ]
                })
            }
        });
    }
    partnerslider();

    $(window).on("resize orientationchange", function() {
        setTimeout(function() {
            partnerslider();
        }, 100)
    })

<div class="partners__clients">
                    <div class="row row--partners g-0" id="partnersSlider">
                        <div class="col-lg-3 col-md-6 col-sm-6 col--border mb-4">
                            <div class="partners__clients-item">
                                <div class="partners__clients-name">Amazon</div>

                                <img class="partners__clients-logo img" src="assets/images/clients/amazon.jpg" alt="">
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-6 col--border mb-4">
                            <div class="partners__clients-item">
                                <div class="partners__clients-name">Microsoft</div>

                                <img class="partners__clients-logo img" src="assets/images/clients/microsoft.jpg" alt="">
                            </div>
                        </div>

                        <div class="col-lg-3 col-md-6 col-sm-6 col--border mb-4">
                            <div class="partners__clients-item">
                                <div class="partners__clients-name">Uber</div>

                                <img class="partners__clients-logo img" src="assets/images/clients/uber.jpg" alt="">
                            </div>
                        </div>
</div>

Говорят что нужен метод setPosition, но кидает ошибку в консоль "undefined..". Как можно это исправить?

P.S использую последнюю версию jQuery, slick и bootstrap.

БЛОГ НА HUSL

Jquery | Slick slider

Ответы (0 шт):