JavaScript Link Vorschau für Touch-Geräte

Question

Ich habe einige JavaScript auf einer Website Ich mache derzeit, die ausgewählte Links eine Vorschau zeigen, wenn Mouse über was funktioniert, aber für Touch-Geräte, wenn die Links angeklickt werden, zeigt es die Vorschau dann sendet den Benutzer auf die Website, ich möchte es nur die Vorschau beim ersten Antippen anzeigen, wenn sie erneut tippen, um sie an die Seite zu senden.

Wie kann ich das tun?

Mein Java-Skript, das ich verwendet habe:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script> 
<link href="http://codegena.com/assets/css/image-preview-for-link.css" rel="stylesheet">  
<script type="text/javascript"> 
$(function() { 
      $('#p1 a').miniPreview({ prefetch: 'pageload' }); 
      $('#p2 a').miniPreview({ prefetch: 'parenthover' }); 
      $('#p3 a').miniPreview({ prefetch: 'none' }); 
     }); 

Und der HTML:

<p id="p1" align="center"><a href="http://link">link description</a><br><br><br><br><br><br><br><br></p> 
<p id="p2" align="center"><a href="http://link">link description</a><br><br><br><br><br><br><br><br></p> 
<p id="p3" align="center"><a href="http://link">link description</a><br><br><br><br></p> 

Answer 1

Hier ist Code, der den ersten Klick senden Sie auf die Seite verhindern aber der zweite Klick tut es.

var click = 0; 
$("a").click(function(event) { 
var clickNum = ++click; 
if(clickNum == 1) { 
    event.preventDefault(); 
    //preview code 
} 
});