Почему не переключается slick slider по стрелкам?

Question

[kickass77]

Здравствуйте.

$('.responsive').slick({
            dots: true,
            infinite: true,
            speed: 300,
            slidesToShow: 3,
            slidesToScroll: 1,
            arrows: true,
            responsive: [
                {
                    breakpoint: 1200,
                    settings: {
                        slidesToShow: 3,
                        slidesToScroll: 3,
                        infinite: false,
                        dots: false
                    }
                },
                {
                    breakpoint: 600,
                    settings: {
                        slidesToShow: 2,
                        slidesToScroll: 2
                    }
                },
                {
                    breakpoint: 480,
                    settings: {
                        slidesToShow: 1,
                        slidesToScroll: 1
                    }
                }
            ]
        });

Без стрелок - слайдеры можно было листать.
Добавил стрелки, но когда нажимаю - видно, что "точки" переключает (dots) под слайдером, а сам слайдер при этом не двигается. В консоли никаких ошибок не наблюдаю.

Answer 1

[Vladimir Kravchenko]

Здравствуйте. Очевидно что ваш слайдер работает, дело в стилях. Ведь при наведении на правую кнопку курскор изменяется (cursor:pointer) а на левую нет (хотя для левой кнопки тоже cursor:pointer). Тоесть левая кнопка оказывается под каким то слоем. Как вариант повысьте z-index (до 1000) и заработает, но лучше полностью разобраться в стилях и почему левая кнопка недоступна для клика (под каким то прозрачным слоем)