owl carousel - 当rtl和loop为false时,不显示最后一项

时间:2018-05-04 23:46:13

标签: javascript owl-carousel owl-carousel-2

在移动设备屏幕尺寸上使用owl carousel2并设置rtl: truecenter: true时,我遇到了2个问题。

问题1:上次幻灯片(演示中的幻灯片5)在用鼠标拖动或触摸时不显示。

问题2:如果有一张幻灯片,则幻灯片1不显示。

$(document).ready(function () {
    var owl = $('.owl-carousel');
    owl.owlCarousel({
        rtl: true,
        center: false,
        items: 4,
        responsiveClass: true,
        loop: false,
        nav: false,
        margin: 10,
        lazyLoad: false,
        autoplay: false,
        autoplayTimeout: 10000,
        smartSpeed: 200,
        autoWidth: true,
        responsive: {
            0: {
                items: 1,
                center: true,
                autoWidth: true
            },
            768: {
                items: 2,
                center: false,
                autoWidth: true
            },
            992: {
                items: 3,
                center: false,
                autoWidth: false
            },
            1200: {
                items: 4,
                center: false,
                autoWidth: false
            }
        }
    })
})

我使用owlcarousel2.github.io的js和css文件创建了一个示例,其中包含新的owl carousel2更新。

演示问题: https://jsfiddle.net/j7jg7ynb/6/

0 个答案:

没有答案