Пролистывание слайдов в Bootstrap Carousel

220
11 февраля 2018, 01:50

Каким образом сделать, чтобы в компоненте Bootstrap Carousel при просмотре с мобильных девайсов, можно было пролистывать слайды пальцем? Т.е. не нажимать на контрол.

Answer 1

Здесь есть несколько вариантов решений. Например вот так:

 $(".carousel").on("touchstart", function(event){
         var xClick = event.originalEvent.touches[0].pageX;
     $(this).one("touchmove", function(event){
         var xMove = event.originalEvent.touches[0].pageX;
         if( Math.floor(xClick - xMove) > 5 ){
             $(this).carousel('next');
         }
         else if( Math.floor(xClick - xMove) < -5 ){
             $(this).carousel('prev');
         }
     });
     $(".carousel").on("touchend", function(){
             $(this).off("touchmove");
     });
 });
READ ALSO
Символы в javascript

Символы в javascript

как сделать во всем тексте замену[ на

222
Как правильно собирать данные формы React из дочернего компонента в родительский без redux?

Как правильно собирать данные формы React из дочернего компонента в родительский без redux?

Была бы кнопка сабмита, я бы повесил на неё и передал все данные, но так выходить передавать только 1 пару ключ:значение, то есть State заменяетсяИ...

405
Анимация изменения Value в React

Анимация изменения Value в React

Учусь писать на React, Существует ли способ, средствами React анимировать смену положения input type="range"

237
Как передать файл в контроллер через ajax?

Как передать файл в контроллер через ajax?

В представлении есть много полей с данными, также есть прикрепленное количество файловВсе данные собираю в объект и передаю в формате JSON в контроллер

227