刷新猫头鹰旋转木马滑块

Question

我们在Tab键中使用owl滑块，但在移动到另一个选项卡时它不起作用并再次返回到滑块的选项卡。

在返回滑块选项卡时，滑动所有项目隐藏。

我们尝试了下面的代码，但它不起作用。

    var owl = $('.frame_wrapper .options-list');
    owl.owlCarousel({
        margin: 10,
        nav: true,
        loop: false,
        responsive: {
            0: {
                items: 2
            },
            300: {
                items: 3
            },
            600: {
                items: 5
            },
            1000: {
                items: 6
            }
        }
    });

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

任何帮助将不胜感激。

谢谢。

Answer 1

以防万一有人在寻求帮助。 Owl2没有重新初始化选项。您可以使用解决方法-触发“ destroy.owl.carousel”事件，然后再次对其进行初始化：

function reinit() {
  var el = $('.frame_wrapper .options-list');
  el.trigger('destroy.owl.carousel');
  el.owlCarousel({...});
}