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

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”来修复它。所以，根据我的问题，也许您还需要通过评论来检查每个属性