javascript - 在隐藏的 div 中滑动

Question

我在使用滑动 slider 时遇到问题。我们在页面上有 2 张隐藏的幻灯片，第一个可见的工作正常，但其他幻灯片不起作用，所有幻灯片都有全宽，并且不滚动。

 var swiper2;
$(document).ready(function(){
        swiper2 = new Swiper('.swiper-container-height-mod2', {
            nextButton: '.swiper-button-next',
            prevButton: '.swiper-button-prev',
            slidesPerView: 1,
            paginationClickable: true,
            spaceBetween: 30,
            breakpoints: {
                // when window width is <= 960px
                767: {
                    slidesPerView: 1
                }
            },
        });
});

Answer 1

添加到选项

{
observer: true,
observeParents: true
}