我正在尝试配置自动滚动以在按钮点击事件上激活 - 但每张幻灯片只有1张卡片.
下面是我在jsfiddle中工作的当前示例.我如何配置滑块以获取2张卡,但是是1张幻灯片的宽度？我已尝试配置项目 - 但似乎没有生效.
https://owlcarousel2.github.io/OwlCarousel2/docs/api-events.html
http://jsfiddle.net/s10bgckL/4284/
$(document).ready(function() {
var owl = $('.owl-carousel');
owl.owlCarousel();
// Go to the next item
$('.customNextBtn').click(function() {
owl.trigger('next.owl.carousel');
})
// Go to the previous item
$('.customPrevBtn').click(function() {
// With optional speed parameter
// Parameters has to be in square bracket '[]'
owl.trigger('prev.owl.carousel', [300]);
})
});.holder {
width: 500px;
border: 1px sold grey;
}
.owl-carousel .item {
height: 10rem;
background: #4DC7A0;
padding: 1rem;
border: 1px solid red;
}
.owl-theme .owl-controls .owl-page {
display: inline-block; …