タッチデバイス用のJavaScriptのリンクプレビュー

Question

私は現在、選択したリンクをクリックするとプレビューを表示するウェブサイトにいくつかのJavaScriptがありますが、それはうまく動作しますが、タッチデバイスの場合は、ユーザーをサイトに送ります。最初のタップでプレビューを表示してから、もう一度タップしてページに送信するとします。

どうすればいいですか？私が使用した

マイJavaスクリプト：

<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' }); 
     }); 

そして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

は、ページに送信するから最初のクリックを防止するであろうコードです2回目のクリックは行います。

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