javascript – Carousels slick.js：’getSlick’未定义

2023年1月28日 280次阅读

我正在使用Slick.js连接两个caroussels,它们是同步的.

Slick提供了“Slider Syncing”部分的可能性

slick.js website

但是当我使用它时,它不起作用,我收到一个错误：
未捕获的TypeError：无法读取未定义的属性’getSlick’

我的代码是：

$('#page-gravure .sliders .slides-show ul').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '.slides'
});

$('#page-gravure .sliders .slides ul').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '.slides-show',
  centerMode: true,
  focusOnSelect: true
});

拜托,伙计们,你能帮帮我吗？

编辑：JSFIDDLE Example

最佳答案 问题是您对同步滑块asNavFor：…的两个引用都是错误的.引用应与构建每张幻灯片的引用相同.所以你的构造函数应该如下：

$('#page-gravure .sliders .slides-show ul').slick({
  slidesToShow: 1,
  slidesToScroll: 1,
  arrows: false,
  fade: true,
  asNavFor: '#page-gravure .sliders .slides ul'
});

$('#page-gravure .sliders .slides ul').slick({
  slidesToShow: 3,
  slidesToScroll: 1,
  asNavFor: '#page-gravure .sliders .slides-show ul',
  centerMode: true,
  focusOnSelect: true
});

这是一个工作JSFiddle

干杯

点赞