Question

我在顶部滑块中有2个同步滑块，我需要在不在底部滑块中的特定位置信息中添加。我怎么能保持这个正确同步？

HTML：

<div class="example example1">
    <div class="slider slider-for">
        <div>1</div>
        <div>2</div>
        <div>3</div>
        <div>
        Only exist here
        </div>
        <div>4</div>
    </div>
    <div class="slider slider-nav">
        <div><p>1</p></div>
        <div><p>2</p></div>
        <div><p>3</p></div>
        <div><p>4</p></div>
    </div>
</div>

使用Javascript：

jQuery('.example1 .slider-for').slick({
    slidesToShow: 1,
    slidesToScroll: 1,
    fade: false,
    asNavFor: '.example1 .slider-nav',
    dots: false,
    arrows:true,    
    appendArrows: '.pr_images',
    prevArrow:'<i class="fa fa-angle-left slick-prev"></i>',
    nextArrow:'<i class="fa fa-angle-right slick-next"></i>'
});

jQuery('.example1 .slider-nav').slick({
    slidesToShow: 3,
    slidesToScroll: 1,
    asNavFor: '.example1 .slider-for',
    dots: false,
    arrows:false,
    centerMode: false,
    focusOnSelect: true
});

小提琴：http://jsfiddle.net/45w9k4qb/

Answer 1

您尝试过该选项

slide: '.slide'

如此处所示： https://codepen.io/quarkus/pen/JKPgza

因此，如果您要显示所有幻灯片，则该类.slide可能有效吗？

同步滑块与滑动忽略同步中的特定幻灯片

1 个答案: