Ответы пользователя по тегу Slick
  • Слайдер slick внутри слайдера, как сделать так чтобы нумерация слайда не переключалась если свайпишь внутренний слайдер?

    @akyl-kb
    И так у тебя 2-й слайд вложен в 1-й слайд оба подписаны на событие afterChange
    В JS события работают по принципу всплытия (снизу в верх), т.е когда во 2-м слайде (reviews-gallery-slider) срабатывает событие afterChange оно дальше передается в вверх 1-му слайду (reviews-slider) так как первый слайд подписан на события init reInit afterChange счетчик изменяется

    Причину выяснили, варианты решения:

    1. Вариант: во 2-м слайде запретить передачу события afterChange дальше

    $('.reviews-gallery-slider').slick(
               ...
            ).on('afterChange', function(event, slick){
                event.stopPropagation(); // <-
                ...
            });


    2-й вариант: не самый элегантный но рабочий, для 1-го слайда проверяем что у текущего слайда есть класс reviews-slider, если нет завершаем функцию

    $examplesSlider2.on('init reInit afterChange', function (event, slick, currentSlide, nextSlide) {
            // check
            if (!event.target.classList.value.includes('reviews-slider')) {
                return;
            }
            ...
        });
    Ответ написан
    7 комментариев