Question

我有一个活跃的网站，在一个页面上有3个光滑的滑块，通常光滑的不会初始化，而是我只看到所有图像，有时如果我刷新它们都开始工作。

https://au.hairandme.com.au/collections/all/products/hair-rejuvenation-treatment

是相关页面。

 ( function($) {
$.noConflict();
  $(document).ready(function() { 
  $('.HEROSLIDE').slick({
    autoplay: true,
  autoplaySpeed: 2000,
    pauseOnFocus: false,
  });

  $('.HEROSLIDEMOBILE').slick({
    autoplay: true,
  autoplaySpeed: 2000,
    pauseOnFocus: false,
  });
    $('.benefits-slider').slick({
  centerMode: true,
  centerPadding: '60px',
  slidesToShow: 3,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        arrows: true,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 3
      }
    },
    {
      breakpoint: 768,
      settings: {
        arrows: true,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        arrows: true,
        centerMode: true,
        centerPadding: '40px',
        slidesToShow: 1
      }
    }
  ]
});

$('.accordion').accordion({
defaultOpen: '',
cookieName: 'accordion_nav'
});
});
    } ) ( jQuery );

Answer 1

在我的情况下，一页上有4个光滑的滑块，问题是相同的，并且这是2019年底:) 但是我通过删除此滑块具有的属性'adaptiveHeight'进行了修复。因此，根据我的问题，也许您还需要通过评论对每个属性进行检查

Answer 2

对于仍然遇到此问题的人：

我注意到，对于我的滑块，此问题仅在幻灯片数量小于或等于的情况下发生，而不是在光滑设置中的 slidesToShow 参数中的幻灯片数量。 >

例如，如果我的设置是：

$('.article_gallery_slider').slick({
    infinite: true,
    slidesToShow: 3,
    slidesToScroll: 3
});

我必须有至少 4 张幻灯片，以便它们在第一次加载页面时正确显示。

对于某些滑块来说这并不重要，我还没有时间调查原因，但我希望这些信息可以帮助您解决那些工作不正常的滑块

光滑的滑块不会总是第一次加载

2 个答案: