2012-07-13 130 views
0

我有一個網站,生成一個背景圖像,通過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> 

謝謝你提前。

+0

這是第一......從來沒有見過任何人嘗試之前把整個身體錨之內!正如答案中所說,這是*嚴重*無效HTML – freefaller 2012-07-13 19:33:12

+0

我現在意識到。不過,我已經嘗試了這個頁面上的所有三個建議,它仍然沒有鏈接到機器人。 – LightningWrist 2012-07-17 03:33:49

+0

此外,我不確定這個網站是否只是爲了讓人們瞭解他們的錯誤。如果你想打電話給我,並提出建議,我明白... – LightningWrist 2012-07-17 03:34:37

回答

1

我不確定這樣做的「最佳」方式是什麼,但也許你可以用JavaScript重定向用戶時,他們點擊的身體,而不是使整個身體一條鏈接。沿着線的東西:

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

...或附加它的事件以後:

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

這打破了網頁語義,但至少您的標記將是有效的。如果你想擁有<a>光標懸停在身體​​的時候,只需添加以下CSS:

body { cursor: pointer; } 
+0

謝謝!這很好用! – LightningWrist 2012-07-13 19:56:31

+0

它可以在電腦上工作,但現在我無法在我的iPhone上進入該網站,所以我認爲它與android相同,直到我可以檢查。 – LightningWrist 2012-07-13 20:05:11

+0

@LightningWrist很奇怪,我不相信我建議的代碼會導致加載頁面失敗。是否對網站進行了其他更改?也許你的iPhone無法訪問該網站所在的網絡? – Zhihao 2012-07-13 20:21:10

0

,我的朋友是無效的HTML所以我並不感到驚訝它不工作

我能想到的就是你把錨體標記之後和結束標記之前結束它的屏蔽鏈接

最近的事情,但這似乎有點......極端