Как выделить активную кастомную ссылку в OwlCarousel?

Question

[Александр Кокорин]

Доброго времени суток.
Может кто то помочь с выделением кастомной ссылки в зависимости от того, активен ли слайд на который она ведет.
В интернете ответа на данный вопрос нет, есть только про слайды.

На форуме кстати был похожий вопрос, но там опять же добавляли класс к активному слайду через этот код:

$(function() {
  var owl = $(".owl-carousel");
  owl.owlCarousel({
    items: 4,
    dots: false,
    loop: true,
    margin: 10,
    slideBy: 1,
    URLhashListener: true,
    autoplayHoverPause: true,
    startPosition: "URLHash",
    onTranslate: function(e) {
      $(".owl-item").removeClass("highlighted");
    },
    onTranslated: function(e) {
      $(".owl-item").eq(e.item.index).addClass("highlighted");
    },
  });
});

Вот ссылка на тот вопрос - https://qna.habr.com/q/606046

Сыми ссылки находятся в таком виде:

<div class="">
  <a class="link" href="#zero">0</a>
  <a class="link" href="#one">1</a>
  <a class="link" href="#two">2</a>
</div>

Comments

[Andrew]

Кроме как, после изменения активного слайда искать все ссылки, у которых href равен айди слайда, ничего не приходит.

Answer 1

[Daskus]

Если количество ссылок соответствует количеству слайдов, тогда можно немного модифицировать имеющийся у вас пример:

HTML-код

<div class="target-links">
  <a class="link" href="#zero">0</a>
  <a class="link" href="#one">1</a>
  <a class="link" href="#two">2</a>
</div>

Javascript-код

$(function() {
  var owl = $(".owl-carousel");
  owl.owlCarousel({
    items: 4,
    dots: false,
    loop: true,
    margin: 10,
    slideBy: 1,
    URLhashListener: true,
    autoplayHoverPause: true,
    startPosition: "URLHash",
    onTranslate: function(e) {
      $('.target-links .marked').removeClass('marked');
    },
    onTranslated: function(e) {
      $('.target-links .link').eq(e.item.index).addClass('marked');
    },
  });
});

Comments

[Александр Кокорин]

Оооо, вы уже исправили ошибку. Только хотел написать :)
Спасибо Вам, все отлично работает! А я что то туплю уже XD