Cheizer
@Cheizer

Как на сайте использовать скрипт HAMMER.JS для событий касаний, вместе с click function jquery?

Друзья, знакомлюсь с библиотекой легкой 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
  • Вопрос задан
  • 333 просмотра
Пригласить эксперта
Ответы на вопрос 1
@frees2
Не понял вопроса, если вы хотите чтобы что то срабатывало или подгружалось при касании или?
/// Событие, открываем касанием и сразу закрываем, чтобы не было второго касания
{ $('#btn1666').hover(function(){ $(this).remove();
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы