Друзья, знакомлюсь с библиотекой легкой hammer.js для сенсорных жестов, потому что click function jquery и его всякие touchstart и тд отвратительно работают, и вот не могу понять как правильно это использовать вместе, нужно ли использовать и click function и отдельно hammer для мобильных устройств? Или можно hammer ом заменить полностью click function jquery? Как поступить? Судя по примерам, hammer работает и на мышке и конечно на мобильных. Но не могу понять как использовать вместе jquery и hammer для клик событий. Подскажите как правильно? Как грамотные люди делают в таких случаях?
$('.square').on('click', function () {
$(this).toggleClass('expand');
});
//То же самое на HAMMER для мобилки например
// Get a reference to an element
var square = document.querySelector('.square');
// Create a manager to manage the element
var manager = new Hammer.Manager(square);
// Create a recognizer
var Tap = new Hammer.Tap({
taps: 1
});
// Add the recognizer to the manager
manager.add(Tap);
// Subscribe to the desired event
manager.on('tap', function(e) {
e.target.classList.toggle('expandred');
});
Вживую тут этот пример:
https://codepen.io/Cheizer/pen/ypbLXX