Изменение значений jquery при изменении размера окна

У меня есть этот код:

$(".slick-slider-view").slick({
        dots: true,
        infinite: true,
        slidesToShow: 3,
        slidesToScroll: 1
    });

Мне нужно, чтобы значение slidesToShow изменилось на 2, когда ширина окна меньше 1000 пикселей:

    $(".slick-slider-view").slick({
        dots: true,
        infinite: true,
        slidesToShow: 2,
        slidesToScroll: 1
    });

Как я могу использовать @media как функцию с jquery?

jquery html

20.07.2019 15:03

Как конвертировать HTML в PDF с помощью jsPDF

В этой статье мы рассмотрим, как конвертировать HTML в PDF с помощью jsPDF. Здесь мы узнаем, как конвертировать HTML в PDF с помощью javascript.

Перейти к ответу Данный вопрос помечен как решенный

Ответы 2

https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia

const media = window.matchMedia('(max-width: 600px)');

media.addListener((mql) => {
  console.info(window.innerWidth);
});

20.07.2019 15:09

Ответ принят как подходящий

Проверьте этот пример из гладкой документации плагина:

$(".slider").slick({

  // normal options...
  infinite: false,

  // the magic
  responsive: [{

      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        infinite: true
      }

    }, {

      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        dots: true
      }

    }, {

      breakpoint: 300,
      settings: "unslick" // destroys slick

    }]
});

Плагин имеет адаптивную функцию именно для этого.

Ссылка: https://github.com/kenwheeler/slick/

20.07.2019 15:10