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

Question

我有一个事件站点，一页上有 3 个光滑的 slider ，通常光滑的 slider 不会初始化，而是我只看到所有的图像，有时如果我刷新它们都开始工作。

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 个光滑的 slider ，问题是一样的，现在是 2019 年底:)
但是我通过删除该 slider 具有的属性“adaptiveHeight”来修复它。所以，根据我的问题，也许你还需要通过评论来检查每个属性