Slick Slider. Syn c два ползунка к одной пользовательской точки добавления - PullRequest
0 голосов
/ 26 марта 2020

У меня есть два ползунка, которые синхронизируются с за исключением добавленных пользователем точек. В идеале мне нужно, чтобы пользовательские точки выполняли функции навигации для обоих ползунков. В настоящее время точки работают только для ползунка, к которому он добавлен.

//*** Slick Stuff */

if ($(".masthead-content-slider").length > 0) {
    $('.masthead-content-slider').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 10000,
        speed: 1000,
        fade: true,
        cssEase: 'ease',
        draggable: false,
        dots: true,
        arrows: false,
        asNavfor: '.masthead-image-slider',
        appendDots: $('.slick-dots-masthead')
    }); 
}

if ($(".masthead-image-slider").length > 0) {
    $('.masthead-image-slider').slick({
        slidesToShow: 1,
        slidesToScroll: 1,
        infinite: true,
        autoplay: true,
        autoplaySpeed: 10000,
        speed: 1000,
        fade: true,
        cssEase: 'ease',
        draggable: false,
        dots: false,
        arrows: false,
        asNavfor: '.masthead-content-slider'
    }); 
}

$('.prev').click(function(){
    $('.masthead-content-slider').slick('slickPrev');
    $('.masthead-image-slider').slick('slickPrev');
});

$('.next').click(function(){
    $('.masthead-content-slider').slick('slickNext');
    $('.masthead-image-slider').slick('slickNext');
});

1 Ответ

0 голосов
/ 26 марта 2020

Проблема связана с опечаткой.

asNavfor: '.masthead-content-slider'

должно быть

asNavFor: '.masthead-content-slider'
...