Как убрать стрелки в слайдере?

Question

[Александр Рыбаков]

Добрый день.
Есть slick. Не понимаю почему не работает этот код

if ($(document).width() < 810){
    $('.sl').slick({
        arrows: false
    })
}

Если размер страницы меньше 810 пикселей, не выводить стрелки.

Comments

[Амир Алимжанов]

у slick slide есть опция responsive

$('.responsive').slick({
  dots: true,
  infinite: false,
  speed: 300,
  slidesToShow: 4,
  slidesToScroll: 4,
  responsive: [
    {
      breakpoint: 1024,
      settings: {
        slidesToShow: 3,
        slidesToScroll: 3,
        infinite: true,
        dots: true
      }
    },
    {
      breakpoint: 600,
      settings: {
        slidesToShow: 2,
        slidesToScroll: 2
      }
    },
    {
      breakpoint: 480,
      settings: {
        slidesToShow: 1,
        slidesToScroll: 1
      }
    }
    // You can unslick at a given breakpoint now by adding:
    // settings: "unslick"
    // instead of a settings object
  ]
});

[Александр Рыбаков]

Амир Алимжанов, спасибо, братишка

[alex-1917]

Ну да - или штатный метод responsive или надо перезапускать функцию с новыми параметрами. Тоже есть штатная приблуда - destroy или reInit. Метод responsive подходит, если внешних событий нет, а иной раз нужно делать отработку по приходящей инфе...