Eu estou tentando algo diferente, gostaria de implementar algo semelhante a um recurso do Instagram: dois tapas para dar like.
Para tentar fazer isso, estou usando as últimas versões do jQuery e do Hammer.js. Não sou um programador avançado nesta área, entretanto eu cheguei até a seguinte lógica para identificar qual o evento que o usuário deseja executar:
var postDoubleTapped;
postDoubleTapped = false;
Hammer($('.post').get(0)).on('doubletap', function() {
event.preventDefault();
postDoubleTapped = true;
console.log('Double tap!');
return false;
});
$(document).on('click', '.post a', function(event) {
event.preventDefault();
console.log(postDoubleTapped);
setTimeout((function(_this) {
return function() {
if (!postDoubleTapped) {
location.href = $(_this).attr('href');
}
postDoubleTapped = false;
};
})(this), 500);
return false;
});
Como vocês podem visualizar no exemplo (http://codepen.io/caio/pen/vqEjc), não funcionou! O console
retorna:
Existe outro problema, eu não consigo reproduzir o target="_blank"
na tag a
.
Este é o melhor método para fazer isso? Eu estou no caminho certo? Como eu posso arrumar isso?