我正在使用Owl Carousel 2,我有自定义导航按钮,我打算用于下一个/上一个项目和下一个/上一页.我正在使用以下内容触发下一项：
var slider = $('.owl-carousel');
$('#nextItem').click(function () {
slider.trigger('next.owl.carousel');
});
这工作正常,但我还需要触发下一页(类似于点的工作方式).看起来有一个slideBy选项可以用来滑动页面,但这不会有用,因为我需要项目和页面导航.
$('#nextPage').click(function () {
// go to next page
});
最佳答案
您可以触发点击点击：
// 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();
});
