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

以下代码可以阻止第一次点击将您发送到页面，但第二次点击会阻止。

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

触摸设备的JavaScript链接预览

1 个答案: