0

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

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

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

7
  • Вот тут все работает на сенсорных - idangero.us/swiper/demos/#.WOo8Nfnyipo
    – labris
    9 апр 2017 в 14:01
  • Со стандартными параметрами не работает. Слайдер вертикальный, на весь сайт. 9 апр 2017 в 14:07
  • Хорошо. Еще раз. Демо-версии отсюда idangero.us/swiper/demos/#.WOpAw_mLSpp у вас работают на сенсорных устройствах?
    – labris
    9 апр 2017 в 14:11
  • Я забыл внизу добавить див .swiper-scrollbar, в этом была моя ошибка. На поиск этой ошибки ушёл весь день. 9 апр 2017 в 14:15
  • 1
    Главное, что ошибка нашлась и понятно, откуда она взялась :)
    – labris
    9 апр 2017 в 14:19

2 ответа 2

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
})

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

0

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

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
4
  • Возьмите код с демки, там-то работает как надо.
    – labris
    9 апр 2017 в 15:34
  • Я с демки и брал. В HTML все теги проставлены. С десктопа всё отлично работает. Но не на сенсорных устройствах. 9 апр 2017 в 15:40
  • Собственно, вот тут более расширено описал ru.stackoverflow.com/questions/651521/… 9 апр 2017 в 15:41
  • 1
    Хорошо, еще раз. У вас работает демо-страница и на десктопе, и на сенсорных устройствах. А своя страница не работает. Значит, где-то ошибка при переносе или правке кода.
    – labris
    9 апр 2017 в 15:49

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.