javascript – 设置后更改owl carousel 2选项？

我正在寻找更具体的设置之后更改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
    })
})

解决方法:

不是尝试通过挂钩到拖动事件来禁用拖动,而是使用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;});

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