How to bind pagination to each slider separately?

Question

JavaScript

Used 2 sliders bootstrap 3 - Fiddle

Slider now uses data-attribute instead of id.

When loading everything is ok.

When you click on the 2 dot of the 1st slider, the active class for the 1st dot of the slider 2 is removed, and so on. for others the situation is similar.

How to bind dots (carousel-indicators) to the slider separately? - .ie, clicking on the dot of the 1st slider does not affect the dot of the 2nd slider.

Answer 1

So? -

$(document).on('click', '[data-slide-to]', function() {
  $(this).closest('.carousel').carousel(+this.dataset.slideTo);
});