【问题标题】:Refresh Owl Carousel slider刷新猫头鹰轮播滑块
【发布时间】:2018-05-15 12:19:55
【问题描述】:

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

当回到滑块标签时,滑块隐藏所有项目。

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

var owl = $('.frame_wrapper .options-list'); owl.owlCarousel({ 边距:10, 导航:是的, 循环:假, 响应:{ 0:{ 项目:2 }, 300:{ 项目:3 }, 600:{ 项目:5 }, 1000:{ 项目:6 } } }); owl.trigger('refresh.owl.carousel');

任何帮助将不胜感激。

谢谢。

【问题讨论】:

  • 这里的$owl 变量是什么?
  • 请检查我更新的问题。谢谢。

标签: javascript owl-carousel


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2023-02-20
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-05-24
    相关资源
    最近更新 更多