我正在为光滑的轮播使用自定义箭头,如下所示:
<div class="js-carousel--prev"></div>
<div class="js-carousel--next"></div>
和我的光滑设置如下:
.slick({
infinite: true,
slidesToShow: 3,
slidesToScroll: 1,
draggable: false,
dots: true,
prevArrow: $('.js-carousel--prev'),
nextArrow: $('.js-carousel--next'),
responsive: [{
breakpoint: 768,
settings: {
slidesToShow: 1.666,
draggable: true,
prevArrow: $('.js-carousel--prev'),
nextArrow: $('.js-carousel--next'),
}
}],
}
我在这里查看了一些问题: https://github.com/kenwheeler/slick/issues/480
建议对所有断点引用使用jQuery DOM引用,但是在这里: http://jsfiddle.net/hellonico/j15dqq34/1/
它没有在断点上引用新箭头。
我的自定义箭头仍在调整大小时从DOM中完全删除。上面的代码在初始加载时有效,仅当我调整浏览器大小时,箭头才会被删除。当我在主要设置中一次引用箭头(并且在768断点设置中不再引用它们)时,也是如此。