Question

我使用Slick.js连接2个caroussels，并且它们是同步的。光滑提供了可能性，在＆＃34; 滑块同步＆＃34; slick.js website

但是当我使用它时，它不起作用，我得到一个错误： 未捕获的TypeError：无法读取属性＆＃39; getSlick＆＃39;未定义的

我的代码是：

$('#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

Answer 1

问题是同步滑块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

干杯

Carousels slick.js：＆＃39; getSlick＆＃39;未定义的

1 个答案: