В моем браузере и на мобильном телефоне не работает перетаскивание мышкой с совой

Question

Когда я пытаюсь перетащить слайдер с помощью мыши, тогда слайдер всегда начинает первую позицию. Это не работает должным образом. Я использую код ниже:

$("#owl-carousel1").owlCarousel({
        loop: false,
        margin: 30,
        responsiveClass: true,
        dots: false,
        nav: true,
        mouseDrag: true,
        touchDrag: true,
        slideBy: 1,
        responsive: {
            0: {
                items: 1.25
            },
            500: {
                items: 1.5
            },
            700: {
                items: 2.5
            },
            1200: {
                items: 3.5,
                margin: 30
            },
            1400: {
                items: 3.5,
                margin: 30
            },
            1600: {
                items: 3.5,
                margin: 30
            }
        }
    });

Answer 1

Я обнаружил, что использование {items: 1.X} приводит к проблемам с перетаскиванием, попробуйте удалить его, как показано ниже, и он вернется к нормальной работе.
Для того, что вы пытаетесь сделать с «1.X»десятичное значение, попробуйте использовать 'stagePadding: 30' и замените значение 30 на соответствующее значение для вашего случая.

responsive: {
        0: {
            items: 1
        },
        500: {
            items: 1
        },
        700: {
            items: 2
        },
        1200: {
            items: 3,
            margin: 30
        },
        1400: {
            items: 3,
            margin: 30
        },
        1600: {
            items: 3,
            margin: 30
        }
    }