设置后更改 owl carousel 2 选项?

gau*_*ert 3 html javascript css jquery owl-carousel

我正在寻找更具体的设置后更改 owl carousel 2 选项。

我正在寻找一种方法来禁用拖动元素的父元素的拖动,如下所示:

$('#carousel').on('drag.owl.carousel', function(event) {

    $('.carousel').on('drag.owl.carousel', function(event) {
        //disable drag
    })    
})

$('#carousel').on('dragged.owl.carousel', function(event) {

    $('.carousel').on('dragged.owl.carousel', function(event) {
         //enable drag
    })
})
Run Code Online (Sandbox Code Playgroud)

小智 6

上述解决方案都不适用于 owl carousel 2.2。我想在 init 和 resize 事件上更改 stagePadding。

我的解决方案:

    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
Run Code Online (Sandbox Code Playgroud)