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

【问题标题】：slick slider won't always load first time光滑的滑块不会总是第一次加载
【发布时间】：2016-11-26 00:40:04
【问题描述】：

我有一个活动站点，一页上有 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 );

【问题讨论】：

2 年后仍然发生......
这个 Slick Slider 在过去几年里给我带来了很多问题。我很欣赏它是免费的，而且有人支持它，但它让我失望了太多次，所以我正在改变它以换取其他东西。

标签： slider slick.js

【解决方案1】：

就我而言，一页上有 4 个光滑的滑块，问题是一样的，现在是 2019 年底 :) 但是我通过删除该滑块具有的属性“adaptiveHeight”来修复它。所以，根据我的问题，也许你还需要通过评论来检查每个属性

【讨论】：

【解决方案2】：

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

我注意到，对于我的滑块，只有当幻灯片的数量小于或等于小于 slick 设置中 slidesToShow 参数中的幻灯片数量时，才会出现此问题。

所以，例如，如果我的设置是：

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

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

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

【讨论】：