清爽的猫头鹰旋转木马2

Question

当我点击它们时,我有3个div激活幻灯片切换.在每个div里面都有猫头鹰旋转木马滑块.

如果我触发一个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');

Answer 2

如果.trigger('refresh.owl.carousel');不适合你，你可以使用

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

这将使轮播自动刷新。