javascript - さわやかフクロウ回転木馬2

Question

クリックするとスライドトグルをアクティブにする3つのdivがあります。そして、すべての div の中にフクロウのカルーセルスライダーがあります。

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

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

スライドトグルでこれを試しましたが、機能しません:

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

score 17 · Accepted Answer

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

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

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

score 12 · Accepted Answer

.trigger('refresh.owl.carousel');あなたとうまくいかなかった場合は、使用できます

window.dispatchEvent(new Event('resize'));

これにより、カルーセルが自動的に更新されます。

3 に答える 3