Question

slick.js轮播不会在第二个标签中初始化。当我打开第二个标签时，只有单击这些点，主视频才会显示。

我尝试使用$（videoSlider）.slick（'setPosition'）;并且还添加了.each函数，该函数有效，但如果选项卡中有滑块，则该函数无效。如果页面上有许多轮播，它们会正常运行。仅当放在选项卡中时，它才无效。

 // initialize slick sliders
        $(videoSlider).each(function() {
            $(this).slick({
                arrows: false,
                dots: true,
                infinite: true,
                speed: 500, slidesToShow: 1,
                slidesToScroll: 1
            });
        });

轮播将在标签页中正常工作

Answer 1

一个突出的问题是videoSlider的选择器中。这必须是一个字符串值，并且很可能应该是'.videoSlider'才能与标记中使用的类匹配。

如果在幻灯片隐藏在选项卡中的情况下初始化幻灯片，也可能会遇到问题。在这种情况下，Slick无法确定幻灯片的宽度，并为每张幻灯片指定了“ 0px”的宽度。您可以通过在显示选项卡内容时刷新幻灯片来解决此问题。例如，如果您的幻灯片显示有id="slideshow1"：

$("#slideshow1").slick("refresh");

有关隐藏幻灯片问题的更多信息：https://github.com/kenwheeler/slick/issues/235

slick.js轮播未在标签中初始化

1 个答案: