複数のフクロウカルーセル、カスタムナビゲーション付きターゲット個人

Question

私はJqueryの学習の初期段階にあります。 私はカスタムナビゲーションで1ページに複数のカルーセルを持っていますが、私はそれらを個別にターゲティングすることはできません。ボタンがクリックされると、それらはすべて移動します。

ご協力いただければ幸いです。

あなたが、私はよく分からない

Javascriptを

$('.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"); 
}); 

で

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

などのように、各カルーセルdivタグにクラス名（ 'div_main' またはあなたが欲しいものを）追加する必要が

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'); 
}); 

Answer 1

それは良い解決かどうか。それは私のために働いています。