Как отключать и включать slick-carousel на разных разрешениях?

849
07 января 2018, 07:52

Использую слайдер slick-carousel. Часто бывает необходимо отключать слайдер на определенных разрешениях, помогает в этом такая конструкция:

responsive: [
        {
            breakpoint: 767,
            settings: "unslick"
        } 
]

Но это полезно если нужно отключить уже действующий слайдер, а если нужно сделать наоборот чтобы слайдер на десктопах не работал а на мобильных включался то возникают сложности. Есть ли возможность использовать этот метод наоборот? Чтобы не писать конструкцию типа:

var width = $(window).width();
$(window).resize(function(){
  if( width < 767) {
    $(".slider").slick({...});
  }}
);
Answer 1

Укажите breakpoint для широкого экрана (для desktop), например:

responsive: [
            {
                breakpoint: 2048,
                settings: "unslick"
            },
            {
               breakpoint: 600,
               settings: {
                  slidesToShow: 2,
                  slidesToScroll: 2
            }
        },
    ]
READ ALSO
PayPal мультивалютный приём платежей

PayPal мультивалютный приём платежей

Возможно ли сделать приём платежей на сайте через кнопку PayPal "Купить сейчас" мультивалютным, в зависимости от страны покупателя? Те

238
Получение записи по id

Получение записи по id

Создал не большой ProductList, заполнил таблицу данными, отобразил их на общей страницыНе могу получить единственную запись по ключу

2014
Как разбить сложную строку на массив?

Как разбить сложную строку на массив?

Нужно распилить строку на массивСтрока:

300
Сносил PHP с Ubuntu. Так вышло, что удалилась папка var/lib/php

Сносил PHP с Ubuntu. Так вышло, что удалилась папка var/lib/php

Сейчас ставлю phpmyadmin, на странице логгина выскакивает предупреждение, что папки var/lib/php/sessions нет, зашёл, чекнулПосле переустановки появилась...

296