Как присвоить кнопке класс disabled при некруговой owl carousel?

Question

[jeka-3]

Как присвоить кнопке класс disabled при некруговой owl carousel, если нету следующего слайда?

$('.next').click(function() {
  owll.trigger('next.owl.carousel');
});
$('.prev').click(function() {
  owll.trigger('prev.owl.carousel');
});

Answer 1

[Danny Arty]

Так вы в скрипте для карусели укажите loop: false и все. Кнопкам итак будет присваиваться класс disabled. Вот пример

upd: решение под вашу верстку

Comments

[jeka-3]

Danny Arty, это я понимаю, но в донном случае я переопределяю на свои кнопки, а не на кастомные которые используется в слайдере, и уже для своих мне нужно присваивать класс

[Danny Arty]

jeka-3, покажите разметку тогда свою и тогда я откорректирую свой ответ под вашу реализацию

[jeka-3]

Danny Arty

<div class="reviews__carousel owl-carousel owl-theme">
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
  <div class="reviews__card">
    отзыв
  </div>
  <!-- /card -->
</div>

<div class="reviews__arrows">
  <button class="arrows arrows_prev"></button>
  <button class="arrows arrows_next"></button>
</div>

$(".reviews__carousel").owlCarousel({
  touchDrag: true,
  loop: false,
  margin: 40,
  items: 2
});

$('.reviews__arrows .arrows_prev').click(function () {
  $(".reviews__carousel").trigger("prev.owl.carousel");
});
$('.reviews__arrows .arrows_next').click(function () {
  $(".reviews__carousel").trigger("next.owl.carousel");
});

[Danny Arty]

jeka-3, проверьте ответ

[Danny Arty]

jeka-3, стоп, неправильное решение. Не учел момент, что owl-dot может быть активным, но при этом останется последний слайд невидимым. Сейчас переделаю

upd: готово