Как привязать работу пагинации к каждому слайдеру отдельно?

Question

[Иван Симонов]

Используется 2 слайдера bootstrap 3 - Fiddle

Сейчас слайдер использует data-attribute вместо id.

При загрузке все ок.

При нажатии на 2 dot 1-го слайдера - убирается активный класс для 1-го dot слайдера 2 и соот. для других аналогичная ситуация.

Как сделать привязку dots (carousel-indicators) к слайдеру отдельно? - .т.е, нажатие на dot 1-го слайдера не влияет на dot 2-го слайдера.

Answer 1

[0xD34F]

Так:

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

??

Comments

[Иван Симонов]

да

Answer 2

[tyzberd]

jsfiddle.net/mnL13uqb/3
только зачем такое делать, что мешает использовать id