Почему slick слайдер не отключается на больших разрешениях?

Question

[Сергей Бурдужа]

Вот код js

//table slider
	$('#js-table').slick({
		responsive: [
			{
				breakpoint: 1920,
				settings: {
					unslick: true
				}
			},
			{
				breakpoint: 660,
				settings: {
					arrows: false,
					dots: true,
				}
			}
		]
	});

По идее, слайдер на больших разрешениях должен отключится, и включится на разрешении меньше 660.
Но, этого не происходит, он включен всегда, я не вижу ошибку.

Хотя, у меня есть еще один проект и там все работает.

Answer 1

[WapSter]

тоже была такая проблема вот решение которое мне помогло

$(window).on('load resize', function () {
    var withWindow = window.innerWidth;
      if (withWindow > 660.98) {
          $('#js-table').slick('unslick');
      }
  });

Comments

[Сергей Бурдужа]

я тоже бутстрап ненавижу))

[WapSter]

Сергей Бурдужа, если в новых версиях не поправили, ваш вариант да и мой тоже, его не инициализирует обратно вроде. Вот ветка на github где обсуждалась эта проблема, там и решение повторной инициализации есть.

[Сергей Бурдужа]

Тимур Турсунбаев, спасибо.

Answer 2

[Сергей Бурдужа]

Вот так работает.

//table slider
	$('#js-table').slick({
			dots: true,
      arrows: false,
      responsive: [{
        breakpoint: 1980,
        settings: "unslick" // destroys slick,
      },
      {
        breakpoint: 660,
        settings: {
          dots: true
        },
      }
    ]
	});