さわやかなフクロウカルーセル2

Question

クリックするとスライドの切り替えがアクティブになる3つのdivがあります。そして、すべてのdiv内には、フクロウカルーセルスライダーがあります。

1つのdivをトリガーするとスライダーが表示されますが、他のdivスライダーをクリックすると、ウィンドウのサイズを変更しない限り表示されません。

すべてのdivのスライダーのスライドトグルで更新をトリガーするにはどうすればよいですか？

私はこれをスライド切り替えで試しましたが、うまくいきません：

$('.owl-slider').trigger('refresh.owl.carousel');

Answer 1

クラスでトリガーします。変数を試すことができます：

var $owl = $('.owl-carousel').owlCarousel({
    items: 1,
    loop:true
});

$owl.trigger('refresh.owl.carousel');