光滑的旋转木马slickGoTo不起作用

use*_*597 8 jquery

我正在使用光滑的旋转木马类作为滑块.HTML:

<div class="map">
  <div>
    <div class="step">
      <div class="m_left"><a href="#" class="next-slide">?nextPage</a></p>
      </div>
      <div class="m_right"><img src="/bindella/images/map_tsc.jpg"></div>
    </div>
  </div>
  <div>your content</div>
  <div>your content</div>
  <div>your content</div>
</div>
</div>  
Run Code Online (Sandbox Code Playgroud)

JS:

$(document).ready(function() {
  $('.map').slick({
    centerMode: true,
    adaptiveHeight: true
  });

  $('.next-slide').click(function() {
    $('.map').slickGoTo(1);
  });
});     
Run Code Online (Sandbox Code Playgroud)

该功能slickGoTo不起作用.怎么了?

Sky*_*Yip 15

请试试:

$('.slider').slick('slickGoTo', number);
Run Code Online (Sandbox Code Playgroud)

  • 还请包括**为什么**此解决方案有助于回答问题.这样,原始海报和其他阅读你答案的人都可以理解.谢谢! (5认同)

Out*_*ker 1

试试像这个伙伴这样的东西。这是一个小解决方案

$('.next-slide').click(function() {
  var slider = $('.map');
  slider[0].slick.slickGoTo(parseInt(2));
});              
Run Code Online (Sandbox Code Playgroud)

在这里摆弄