设置后更改owlcarousel2选项？-changeowlcarousel2optionsaftersetup?

0  

Rather than try to disable the drag via hooking into the drag events, it would be better to use the owl.reinit() function, along with the touchDrag and mouseDrag options. For instance, if you had a carousel #carousel:

不要尝试通过挂钩到拖动事件来禁用拖动,而是使用owl.reinit()函数以及touchDrag和mouseDrag选项。例如,如果您有旋转木马#carousel:

var $carousel = $('#carousel');
var owl = $carousel.data('owlCarousel'); # Your DOM element gets an 'owlCarousel' data property containing the Owl object. 
owl.reinit({touchDrag: false, mouseDrag: false;});

Although the method is named reinit, it won't blank any of your previously-set options.

虽然该方法名为reinit,但它不会删除任何先前设置的选项。

3  

None of solutions above work for me on owl carousel 2.2. I wanted to change stagePadding on init and resize event.

以上解决方案都不适用于猫头鹰旋转木马2.2。我想在init上更改stagePadding并调整事件大小。

My solution :

我的解决方案

    var owl = $('.page-item-gal');   
    owl.owlCarousel({
        ...
        onResized : setStagePaddingOC,
    });
    function setStagePaddingOC()
    {
      var carousel = owl.data('owl.carousel');
      var StgPad = ($( window ).width() - owl.parent().parent().find('.width-helper').width()) / 2;
      carousel.settings.stagePadding = StgPad;
      carousel.options.stagePadding = StgPad;
      owl.trigger('refresh.owl.carousel');
    }    
    setStagePaddingOC(); // onInitialized doesn't work

1  

It looks like the API of Owl 2.0 is a moving target, so the call may depend on what version you're on. For me it's:

看起来Owl 2.0的API是移动目标,因此调用可能取决于您所使用的版本。对我而言:

$('.carousel').trigger('changeOption.owl.carousel', {
  mouseDrag: false,
  touchDrag: false,
  pullDrag: false
});

But for you it may be something like:

但对你而言,它可能是这样的:

$('.carousel').trigger('change', { property: { name: 'mouseDrag', value: false } });

Or

$('.carousel').trigger('change.owl.carousel', {
  mouseDrag: false,
  touchDrag: false,
  pullDrag: false
});

So all together it may look like:

总而言之,它可能看起来像:

$('#carousel').on('drag.owl.carousel', function() {
  $('.carousel').trigger('change.owl.carousel', {
    mouseDrag: false,
    touchDrag: false,
    pullDrag: false
  });
}).on('dragged.owl.carousel', function() {
  $('.carousel').trigger('change.owl.carousel', {
    mouseDrag: true,
    touchDrag: true,
    pullDrag: true
  });
});

1  

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

best option to reinit & update

重新启动和更新的最佳选择

0  

yes owl carousel version 2 ..

是的猫头鹰旋转木马版本2 ..

this works for me ( acces options directly )

这对我有用(直接访问选项)

    var $carousel = $('#carousel');
    var owl = $carousel.data('owlCarousel');  

    w = $( window ).width();
    var animateStyle = 'fadeOut';
    if(w <= 768){
        animateStyle = false;
    } 
    owl.options.animateOut = animateStyle;