2016-04-06 41 views
-2

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

タップはクリックです。最初のタップを機能させたくない場合は、ネイティブ機能を無効にします。 –

答えて

0

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

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

応答をありがとう、ちょうどちょうどjavascriptを使用して始めました、最終的なコードはどうでしょうか? – Gg8

+0

次のページのプレビュー用のコードは既に用意されていますか?もし '/ /プレビューコード'を削除し、あなたが作ったコードを追加してください。 – Hawkeye

関連する問題