Пытаюсь отключить autoplay в слайдере slick на нажатие точки
Нашла такие варианты, но не работает
// в целом не срабатывает, наверное я что-то не поняла в оформлении
$('.single-item-main').slick('slickPause');
$('.single-item-main').slick('slickSetOption', { 'autoplay': false }, false);
сам слайдер
$('.single-item-main').slick({
draggable: true,
adaptiveHeight: true,
mobileFirst: true,
infinite: true,
dots: true,
slidesToShow: 1,
slidesToScroll: 1,
cssEase: 'linear',
accessibility: false,
arrows: false,
autoplay: true,
autoplaySpeed: 5000,
dotsClass: "my-dots",
pauseOnDotsHover: false,
pauseOnHover: false,
});
с такой настройкой, при нажатии на кнопку слайдер и сам останавливается, но только пока в фокусе
если кликнуть по другому объекту на странице анимация продолжается
подскажите, пожалуйста, в чём ошибка, ну или другое решение
а то информации больше найти не получается :(