猫头鹰旋转木旋转动态参数

Question

是否有一些解决方法可以动态设置猫头鹰旋转频率的参数？此代码不起作用（jQuery错误）。

$('.carousel').owlCarousel({
  loop: true,
  autoplay: false,
  items: 2,
  slideBy: 2,
  dots: false,
  nav: true,
  navContainer: function(elem) {
    return '#' + $(elem).find('.some-class').prop('id');
  }
});

这不是通过错误完成的，但未设置Navcontainer。

$('.carousel').owlCarousel({
  loop: true,
  autoplay: false,
  items: 2,
  slideBy: 2,
  dots: false,
  nav: true,
  navContainer: '#' + $(this).find('.some-class').prop('id')
});

我需要这样做。简化了示例，我想从HTML设置的更多旋转木马和参数。

Answer 1

您的代码问题是因为this参考不指向父旋转频率。要解决此问题，您可以使用each()循环循环：

$('.carousel').each(function() {
  $(this).owlCarousel({
    loop: true,
    autoplay: false,
    items: 2,
    slideBy: 2,
    dots: false,
    nav: true,
    navContainer: '#' + $(this).find('.some-class').prop('id')
  });
});