我正在尝试使用光滑的滑块上的同步轮播,并且在控制台上出现选项asNavFor
上的错误:
TypeError:navTarget.options未定义[En savoir plus] slick.js:2557
当我拖动一张幻灯片时,轮播会自行停止。
//Sync slider
<div class="slide-navFor">
{{#slick-slider
slidesToShow=1
slidesToScroll=1
arrows=false
class="slide-navFor"
asNavFor="slide-container"}}
<div><h1>slider 1</h1></div>
<div><h1>slider 2</h1></div>
<div><h1>slider 3</h1></div>
<div><h1>slider 4</h1></div>
<div><h1>slider 5</h1></div>
{{/slick-slider}}
</div>
第二个转盘之后:
//Natural slider
<div class="slide-container">
{{#slick-slider
slidesToShow= 3
slidesToScroll= 1
class="slide-container"
asNavFor='slider-navFor'
centerMode= true}}
<div><h1>slider 1</h1></div>
<div><h1>slider 2</h1></div>
<div><h1>slider 3</h1></div>
<div><h1>slider 4</h1></div>
<div><h1>slider 5</h1></div>
{{/slick-slider}}
</div>
我的幻灯片只能播放一次,但无法立即同步并冻结。我只想像此示例中的“滑块同步”中那样同步我的两个轮播:http://kenwheeler.github.io/slick/