Links are set as undefined when having multiple sliders

I have to sliders jQuery('.glide').each(function(){ new Glide(this, { startAt: 1, perView: 1, peek: 200, autoplay: false, breakpoints: { 576: { peek: 80, } } }).mount(); });

Both sliders work perfectly, except that on swipe, the links are changed from:

to:

This doesn’t happen when I have only one slider in the page. Both sliders have the same html+php code but in different places in the page.

[arianoangelo]

I guess more people will have this kind of issues when used outside React (like a WordPress website).

Basically you shoulnd’t use the “glide” class when you have more than one carousel in your website. Create another class and for what I’m being testing the issue won’t happen.

[jennicar]

Experiencing the same issue. Links inside the slider gets nulls in their data-href and href attributes after I swipe. I tried @arianoangelo solution of using different classes if there are multiple glide sliders on the same page, but that didn’t work.

Don’t think multiple glide sliders are the issue. I’m also getting the same bugginess with the links even with one slider on the page.