猫头鹰旋转木马动态参数

Question

是否有一些解决方法可以动态设置猫头鹰旋转木马的参数？这段代码不起作用（jquery错误）。

protected $fillable = [
        'name','first_name','last_name', 'email', 'password','is_available','is_activated','insurance'
    ];

这不会因错误而结束，但未设置navContainer。

$('.carousel').owlCarousel({
  loop: true,
  autoplay: false,
  items: 2,
  slideBy: 2,
  dots: false,
  nav: true,
  navContainer: function(elem) {
    return '#' + $(elem).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')
  });
});