Jquery 在OWLcarousel-1中,我们可以对2个不同的carousel滑块使用相同的分页吗?
这将创建两个owl旋转木马滑块,其中包含两个自己的分页,现在我们可以了解如何使用第一个滑块为两个滑块创建的分页吗???我有相同的问题,我使用owl2 evens进行了提问: 演示: HTML: JS jQuery:Jquery 在OWLcarousel-1中,我们可以对2个不同的carousel滑块使用相同的分页吗?,jquery,owl-carousel,Jquery,Owl Carousel,这将创建两个owl旋转木马滑块,其中包含两个自己的分页,现在我们可以了解如何使用第一个滑块为两个滑块创建的分页吗???我有相同的问题,我使用owl2 evens进行了提问: 演示: HTML: JS jQuery: 嗯…事实上我不知道如何…你能给我一些提示,我如何可以对两个幻灯片使用相同的分页我看不出你那里有什么问题。它在猫头鹰转盘1和猫头鹰2的文档中。 $(".row2-sliderLT").owlCarousel({ slideSpee
嗯…事实上我不知道如何…你能给我一些提示,我如何可以对两个幻灯片使用相同的分页我看不出你那里有什么问题。它在猫头鹰转盘1和猫头鹰2的文档中。
$(".row2-sliderLT").owlCarousel({
slideSpeed: 600,
paginationSpeed: 600,
singleItem: true,
autoHeight: true
});
$(".row2-sliderRT").owlCarousel({
slideSpeed: 600,
paginationSpeed: 600,
singleItem: true,
autoHeight: true
});
<ul id="ul1" class="owl-carousel owl-theme">
<li>1</li>
<li>2</li>
<li>n..</li>
</ul>
<ul id="ul2" class="owl-carousel owl-theme">
<li>1</li>
<li>2</li>
<li>n..</li>
</ul>
ul {
padding: 0;
}
ul li {
list-style: none;
margin: 20px;
padding: 20px;
text-align: center;
line-height: 50px;
background-color: #ddd;
}
$('#ul1').owlCarousel({
items: 1,
}).on('changed.owl.carousel', function (e) {
console.log('ul2.trigger.to ' + e.item.index);
$('#ul2').trigger('to.owl.carousel', e.item.index);
});
$('#ul2').owlCarousel({
items: 3,
dots: false,
}).on('changed.owl.carousel', function (e) {
console.log('ul1.trigger.to ' + e.item.index);
$('#ul1').trigger('to.owl.carousel', e.item.index);
});