删除 owlCarousel 中一定宽度的 stagePadding

Question

有人知道我可以访问owlCarousel 中的stagePadding 属性，所以如果窗口宽度小于x px，我可以将其设置为0 吗？所以，像这样：

function() {
    $('.owl-carousel').owlCarousel({
        margin: 10,
        loop: true,
        items: 1,
        stagePadding: 200,
        nav: true,
        dots: true,
        dotsData: true,
        navText : ["<span>?</span>","<span>?</span>"],
        dotsContainer: '.owl-dots-container'
    });

    if ( $(window).width() < 1000 ) {
        $('.owl-carousel').stagePadding = 0;
    } else {
        $('.owl-carousel').stagePadding = 200;
    }
});

Answer 1

OwlCarousel 已经内置了一个方便的选项。非常简单 - 只需添加“响应”选项并输入必要断点的宽度（0、1000 等...）：

    $('.owl-carousel').owlCarousel({
        margin: 10,
        loop: true,
        items: 1,
        nav: true,
        dots: true,
        dotsData: true,
        navText : ["<span>?</span>","<span>?</span>"],
        dotsContainer: '.owl-dots-container',
        responsive: {
            0: {
                stagePadding: 0
            },
            1000: {
                stagePadding: 200
            }
        }
    });