Коснитесь и проведите, вызывая страницу ajax на мобильном телефоне

Question

У меня есть рабочая страница с jquery и ajax и многими типами навигации.

Однако теперь мне нужно добавить действие "touch and slide". На смартфоне коснитесь экрана и переместитесь вправо (перейдите на следующую страницу) и влево (перейдите на предыдущую страницу).

Страница уже имеет функционал ajax, и вы можете см. здесь.

https://mentores.in/testing/

Я пробовал это jquery, однако, оно не работает на chrome.

Он делает слишком много запросов и вылетает. Но он прекрасно работает в firefox.

Однако я подумал, знаете ли вы какой-нибудь другой способ сделать это.

Спасибо

Jquery Я попробовал

var slide = document.getElementById('div1'); 
var valorInicioX = null;
var valorFimX = null
slide.addEventListener('touchstart', function(e){
 valorInicioX = e.touches[0].clientX;
}, false);
slide.addEventListener('touchend', function(e){
if(valorInicioX != null && valorFimX != null){
    let diff = valorInicioX - valorFimX;
    if(diff > 60){ 
        jQuery('.next').trigger('click')
    }
    else if(diff < -60){
        jQuery('.prev').trigger('click')
    }
}
valorInicioX = null;
valorFimX = null;
}, false);
slide.addEventListener('touchmove', function(e){
valorFimX = e.changedTouches[0].clientX;
}, false);