Question

我已将“猫头鹰”轮播添加到页面中。我想在ajax调用后更新项目数。我试过了，但是没有用。

jQuery('.owl-carousel').owlCarousel({
  items: 4,
  responsive: {
    0: {
      items: 1,
      nav: true
    },
    640: {
      items: 2,
      nav: true
    },
    1025: {
      items: 4,
      nav: true
    }
  }
});

jQuery('.owl-carousel').trigger('initialize.owl.carousel');
jQuery('.owl-carousel').trigger('refresh.owl.carousel');

Answer 1

我不觉得Owl Carousel具有检测和添加幻灯片的功能。您可以手动添加和删除它们，但不能自动添加。

您可能想破坏并重建：

...trigger('destroy.owl.carousel');
...owlCarousel({...});

您可以在重建之前检测到当前幻灯片，然后在重建时重新应用它，尽管根据数据的变化它可能不匹配。

提示：为自己节省一些输入时间，并使用带有别名的该速记作为document.ready包装。然后，您可以在脚本语句中使用$代替jQuery。

jQuery(function($) {
    // your script, e.g. 
    // $('.owl-carousel').trigger();
});

更新owl Carousel的项目数

1 个答案: