Slick.js删除窗口大小调整上的自定义箭头?

时间:2019-01-15 11:50:33

标签: javascript slick.js

我正在为光滑的轮播使用自定义箭头,如下所示:

<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断点设置中不再引用它们)时,也是如此。

0 个答案:

没有答案