So verhindern Sie den Standard bei Berührung mit hammer.js

Question

Ich möchte verhindern, dass ein Anker durchklopft, wenn er mit einem Touch-Gerät angetippt wird, aber normal funktioniert, wenn er mit der Maus angeklickt wird.

Der Grund dafür ist, auf dem Desktop bewegen Sie den Mauszeiger über den Anker, um weitere Informationen zu sehen. Klicken Sie dann, um das Produkt anzuzeigen.

Auf einem Handy möchte ich den ersten Tipp, um Informationen anzuzeigen, zweitens, um das Produkt anzuzeigen.

Ich habe kein Ende der Variationen des folgenden versucht:

$('article.product aside a.link').hammer().on('tap', function(ev) { 

    if (ev.gesture.pointerType == 'touch') { 
     ev.gesture.srcEvent.preventDefault(); 

     return false; 
    } 

}); 

auf diese irgendwelche Gedanken jemand tut? Vielen Dank!

Answer 1

jQuery mouseover funktioniert auf mobilen Geräten (zumindest in iOS). Ich habe eine Geige, die ohne eine opacity von 1.

http://jsfiddle.net/FyF3b/5/

Getestet habe ich diese in Chrom und auf einem iPhone 4S mouseover, zusammen mit sage die Verbindung nicht zu schießen benutzt, und es scheint zu tun, was Ihnen angeforderte . Lass es mich wissen, wenn es auf deinem Nexus funktioniert.

Die JS:

$('aside').on('mouseover mouseout', function() { 
    $(this).toggleClass('on'); 
}); 
$('aside a').on('click', function(event) { 
    if ($(this).parent().css('opacity') < 1) { 
    event.preventDefault(); 
    } 
});