Слайдер слайдер не работает при перезагрузке при изменении ширины браузера, он работает автоматически - PullRequest
Новая
       25

Слайдер слайдер не работает при перезагрузке при изменении ширины браузера, он работает автоматически

0 голосов
/ 11 января 2020

Я использую слайдер Slick, но он не работает как слайдер, когда я открываю экран любого размера, но как только я меняю ширину браузера, он снова становится слайдером, но когда я перезагружаю его в том же размере, он снова не работает, поскольку слайдер показывает только объекты, я не понимаю, почему это происходит.

При проверке я вижу, что он автоматически закрывает div 

<div class="slick-list draggable"> </div>

перед тем, как получить мой слайдер div внутри него, что и должно быть,

, но при изменении размера браузера без перезагрузки он работает автоматически нормально,

Я думаю, что он не может получить ширину экрана, но другой слик ползунки, которые я использую на той же странице, работают нормально, любой сможет помочь.

см. изображение Вот как это выглядит, когда не работает

Мой код это так, я использую Vue Js, чтобы получить мои Divider Divs L oop

            <div id="productslider" class="responsive">


                <div v-for="(variant,variantIndex) in variants" class="col-md-4 col-12 p-5">
                    <div class="watch-slider-div">
                        <img :src="variant.variantImage" class="w-100 py-3" />

                        <span class="watch-slider-txt">
                            <h3>{{ variant.variantname }}</h3>
                        </span>
                    </div>
                </div>



             </div>
...