jquery - 触发下一页 Owl Carousel 2

Question

我正在使用 Owl Carousel 2，并且我有自定义导航按钮，我打算将其用于下一个/上一个项目和下一个/上一个页面。我使用以下内容来触发下一个项目:

var slider = $('.owl-carousel');

$('#nextItem').click(function () {
    slider.trigger('next.owl.carousel');
});

效果很好，但我还需要触发下一页(类似于点的工作方式)。看起来有一个 SlideBy 选项，您可以使用它来滑动页面，但这没有帮助，因为我需要项目和页面导航。

$('#nextPage').click(function () {
    // go to next page
});

Answer 1

您可以触发对点的点击:

// Go to page 3
$('.owl-dot:nth(2)').trigger('click');

要转到下一页或转到第一页(如果位于最后一页)，您可以这样做:

var $dots = $('.owl-dot');

function goToNextCarouselPage() {    
    var $next = $dots.filter('.active').next();

    if (!$next.length)
        $next = $dots.first();

    $next.trigger('click');
}

$('.something-else').click(function () {
    goToNextCarouselPage();
});