Javascript 多猫头鹰转盘'；s、 具有自定义导航的目标个人

我正处于学习Jquery的早期阶段。 我在一个页面上有多个带自定义导航的旋转木马，我似乎无法单独定位它们。单击按钮时，它们都会移动

任何帮助都将不胜感激

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

mainowl.owlCarousel();
$('.card--carousel-controls__next').click(function() {
    event.preventDefault();
    mainowl.trigger('prev.owl.carousel');
});
$('.card--carousel-controls__prev').click(function() {
    event.preventDefault();
    mainowl.trigger('next.owl.carousel');
});

---

您需要在每个carouseldiv标记中添加类名（'div_main'或任何您想要的内容），如

<div class="row__inner owl-carousel owl-carousel owl-theme div_main">
</div>

---

我不确定这是不是一个好的解决方案。它对我有用。

这与Web本体语言OWL无关，因此我删除了该标记。添加语言标签通常也会有帮助，所以我添加了。好东西，谢谢你的时间！我要试一试

$('.card--carousel-controls__next').click(function() {
    event.preventDefault();
     $(this).closest(".div_main").children('.owl-nav').children('.owl-next').trigger("click");
});

$('.card--carousel-controls__prev').click(function() {
    event.preventDefault();
    $(this).closest(".div_main").children('.owl-nav').children(".owl-prev").trigger("click");
});