NickPiscitelli/Glider.js

Import function ES6 : Methods setOption

dngraphisme opened this issue · 0 comments

Hello @NickPiscitelli thanks for your library. I have a question for Methods with setOption.

In file slider.js i wrote this :

$('.snapslider').each(function () {
            let $snapElement = $(this).find(".snapslider-element")[0];
            const snap = new Glider($snapElement, {
                slidesToScroll: 1,
                duration: 1,
                arrows: {
                    prev: $(this).find(".snapslider-arrow .button-prev")[0],
                    next: $(this).find(".snapslider-arrow .button-next")[0],
                },
            });

            return snap;

        });

I need to now override my const snap to another file.

category. js > I want to use setOption

I wrote this on an another function with import :

let snapSliderCategories = scrollsnapslider.snapslider();

        snapSliderCategories.setOption({
            responsive: [
                {
                    // desktop
                    breakpoint: 1280,
                    settings: {
                        draggable: true,
                        slidesToShow: 4,
                        dots: $(this).find(".snapslider-nav")[0],
                    }
                },
                {
                    // tablet
                    breakpoint: 576,
                    settings: {
                        draggable: true,
                        slidesToShow: 3.1,
                        scrollLock: true,
                        dots: $(this).find(".snapslider-nav")[0],
                    }
                },
                {
                    // mobile
                    breakpoint: 375,
                    settings: {
                        draggable: true,
                        slidesToShow: 2.1,
                        scrollLock: true,
                        //dots: $(this).find(".snapslider-nav")[0],
                    }
                },
            ]
        });
        snapSliderCategories.refresh(true);

But i have this error :

Uncaught TypeError: can't access property "setOption", snapSliderCategories is undefined

Can you tell me how to do it ? Thanks in advance, Nicolas


Edit: I got it.. thanks