Слайдер Swiper не работает на сенсорных экранах

285
10 апреля 2017, 06:42

На десктопах всё отлично работает, но на сенсорных экранах нет. Подключал так:

var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    iOSEdgeSwipeDetection: true
})
mySwiper.enableTouchControl ();
mySwiper.enableKeyboardControl();
mySwiper.enableMousewheelControl();

В API не могу разобраться, помогите, плиз

Answer 1

Нужно было добавить в конце слайдера

<div class="swiper-scrollbar"></div>

и в коде инициализации прописать следующее:

var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    IOSEdgeSwipeDetection: true,
    onTouchStart: function()
    {
        return false;
    },
    scrollbarDraggable: true,
    scrollbar: '.swiper-scrollbar',
    scrollbarHide: true
})

Теперь всё заработало

Answer 2

При инициализации слайдера таким способом:

var mySwiper = new Swiper ('.swiper-container', {
    direction: 'vertical',
    IOSEdgeSwipeDetection: true,
    onTouchStart: function()
    {
        return false;
    },
    scrollbar: {
        container: '.swiper-scrollbar',
        hide: false,
        draggable: true,
        snapOnRelease: true
    }
})

Тач работает, и шустро. Но всё остальное не работает. Видимо, конфликтует с jquery. В консоли выдаёт ошибку:

jQuery.Deferred exception: Cannot read property 'offsetHeight' of undefined TypeError: Cannot read property 'offsetHeight' of undefined
READ ALSO
Записать номер массива

Записать номер массива

Каким образом можно записать номер массива из этого участка кода?

202
Не пойму, почему Ajax JQuery работает так

Не пойму, почему Ajax JQuery работает так

Я не могу понять, почему он выполняет сначала 1, потом 3, потом 2?

217
Перебрать все элементы на странице с определённым идентификатором

Перебрать все элементы на странице с определённым идентификатором

Есть функция, которая перебирает все элементы на странице с определённым классом и поочерёдно сбрасывает с них стили:

253
Почему не работает слайдер swipe вместе с jquery?

Почему не работает слайдер swipe вместе с jquery?

Есть конкретный слайдер SwipeОн может работать и с jquery, и без

570