Почему owl.next и owl.prev срабатывают только один раз?

Question

[GreenMan1899]

Согласно owlcarousel2.github.io/OwlCarousel2/docs/api-event... прописал

var owl = $('.owl-carousel-news-catalog');
          owl.owlCarousel();


          $('.owl-carousel-news-catalog .owl-item.active').first().prev().click(function () {
            owl.trigger('next.owl.carousel', [800]);
          });

          $('.owl-carousel-news-catalog .owl-item.active').last().next().click(function () {
            owl.trigger('prev.owl.carousel', [800]);
          });

однако навигация срабатывает только в первый раз

И только на одну позицию смещается. Когда как пагинация у меня по 4 слайда стоит

Answer 1

[Serj-One]

однако навигация срабатывает только в первый раз

Вероятно, из-за странной конструкции

$('.owl-carousel-news-catalog .owl-item.active').first().prev()

Для работы с позициями элементов лучше воспользоваться этим

function callback(event) {
    // Provided by the core
    var element   = event.target;         // DOM element, in this example .owl-carousel
    var name      = event.type;           // Name of the event, in this example dragged
    var namespace = event.namespace;      // Namespace of the event, in this example owl.carousel
    var items     = event.item.count;     // Number of items
    var item      = event.item.index;     // Position of the current item
    // Provided by the navigation plugin
    var pages     = event.page.count;     // Number of pages
    var page      = event.page.index;     // Position of the current page
    var size      = event.page.size;      // Number of items per page
}

И только на одну позицию смещается. Когда как пагинация у меня по 4 слайда стоит

Естественно, prev.owl.carousel смещает на одну позицию.

Comments

[GreenMan1899]

а как еще задать боковые от 4-ех активных слайдов, чтобы по ним могла проходить навигация?