链接不工作在Android

问题描述：

我有一个网站，生成一个背景图像，通过jQuery的浏览器拉伸和滚动。这个想法是当页面加载时用户只需点击图像上的任意位置，然后将其带入网站。链接不工作在Android

我身体周围的<a>标签，但有几个问题：

*任何提示，这是大多数浏览器上的链接通过鼠标

*适用于iPhone，但甚至不会链接全部在android上。

什么是实现此目标的最佳，最具跨浏览器/移动效率的方式？

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>THE BROADHURST</title> 
    <meta charset="utf-8"> 
    <meta name="keywords" content="" /> 
    <meta name="description" content="" /> 
    <link rel="stylesheet" href="/styles/css/thebroadhurst.css" type="text/css" media="screen" /> 
    <link rel="stylesheet" href="/styles/css/jquery.vegas.css" type="text/css" media="screen" /> 

    <script type="text/javascript" src="/jquery/jquery-1.7.2.min.js"></script> 
    <script type="text/javascript" src="/jquery/jquery.vegas.js"></script> 
    <script> 
    $(function() { 
     $.vegas({ 
     src:'/styles/images/bh_rotate/bhR_<?php echo rand(1,31); ?>.png' 
     }); 
    }); 
    </script> 
</head> 
<a href="/home.php"> 
<body> 
    <div class="structure_main clearfix"> 
    </div> 
</body> 
</a>

谢谢你提前。

这是第一......从来没有见过任何人尝试之前把整个身体锚之内！正如答案中所说，这是*严重*无效HTML – freefaller 2012-07-13 19:33:12

我现在意识到。不过，我已经尝试了这个页面上的所有三个建议，它仍然没有链接到机器人。 – LightningWrist 2012-07-17 03:33:49

此外，我不确定这个网站是否只是为了让人们了解他们的错误。如果你想打电话给我，并提出建议，我明白... – LightningWrist 2012-07-17 03:34:37

答

我不确定这样做的“最佳”方式是什么，但也许你可以用JavaScript重定向用户时，他们点击的身体，而不是使整个身体一条链接。沿着线的东西：

<body onclick="window.location = 'somewhere over the rainbow'">

...或附加它的事件以后：

$(function() { 
    $('body').click(function() { 
     window.location = 'somewhere over the rainbow'; 
    }); 
});

这打破了网页语义，但至少您的标记将是有效的。如果你想拥有<a>光标悬停在身体的时候，只需添加以下CSS：

body { cursor: pointer; }

谢谢！这很好用！ – LightningWrist 2012-07-13 19:56:31

它可以在电脑上工作，但现在我无法在我的iPhone上进入该网站，所以我认为它与android相同，直到我可以检查。 – LightningWrist 2012-07-13 20:05:11

@LightningWrist很奇怪，我不相信我建议的代码会导致加载页面失败。是否对网站进行了其他更改？也许你的iPhone无法访问该网站所在的网络？ – Zhihao 2012-07-13 20:21:10

答

，我的朋友是无效的HTML所以我并不感到惊讶它不工作

我能想到的就是你把锚体标记之后和结束标记之前结束它的屏蔽链接

最近的事情，但这似乎有点......极端

链接不工作在Android

相关推荐