молоток. js проведите вправо на следующей странице - PullRequest
Новая
       8

молоток. js проведите вправо на следующей странице

0 голосов
/ 16 февраля 2020

Я хочу провести пальцем вправо для следующей страницы и проведением пальцем вправо для предыдущей страницы, я долго искал способы сделать, ничего не получается

молоток. js кажется наиболее перспективным 

hammertime.get('swipe').set({ direction: Hammer. });

предложенный ниже скрипт не работает, какие-либо другие предложения?

Ответы [ 2 ]

0 голосов
/ 23 февраля 2020

Возможно, я нашел одно решение, которое сработало для моего случая. 

window.addEventListener('load', function() {
    var el = document.getElementsByTagName('body')[0];
    var hammertime = Hammer(el);
    hammertime.get('swipe').set({ direction: Hammer.DIRECTION_HORIZONTAL });
    /* the magic... */
    hammertime.on('swipe', function(ev) {
        var direction = '';
	    switch(ev.direction) {
	        case Hammer.DIRECTION_LEFT:
	        var right = document.querySelector('.right');
	        var href_right = right.getAttribute('href');
	        document.location.href=href_right;
	        break;
	        case Hammer.DIRECTION_RIGHT:
	        var left = document.querySelector('.left');
	        var href_left = left.getAttribute('href');
	        document.location.href=href_left;
	        break;
	        }

    });
}, false);

Этот скрипт js, разработанный Hammer, получает направление жеста смахивания, а затем извлекает класс элемента, который соответствует его атрибуту href, и перенаправляет пользователь к нему. 

<div class="thumb-first">
<!-- Swipe -->
<div class="swipe">
	<a class="left" href="https://www.youtube.com/"><span></span></a>
	<a class="active" href="#"><span></span></a>
	<a class="right" href="https://stackoverflow.com/"><span></span></a>
</div>

Надеюсь, это поможет!

0 голосов
/ 16 февраля 2020 
const hammerTime = new Hammer(someElement)
hammerTime.on('swipeleft swiperight', (event) => {
  switch(event.type) {
    case 'swipeleft': 
      window.location.href = "https://someurl.com"
      break
    case 'swiperight':
      window.location.href = "https://someotherurl.com"
      break
  }
})

или 

hammerTime.on('swipeleft', (event) => {
  window.location.href = "https://someurl.com"
})
hammerTime.on('swiperight', (event) => {
  window.location.href = "https://someotherurl.com"
})
...