2014-06-12 246 views
1

這是HTML的樣子:HREF鏈接

<ul id="navigation"> 
    <li> 
     <a href="https://google.com"> 
     <div class="icon icon-user"></div> 
     <div class="text">About Us</div> 
     </a> 
    </li> 
</ul> 

的問題是,該圖顯示了圖標,但是當我點擊的形象,它不會將我重定向到URL鏈接。然而,當我插入一個Javascript#鏈接頁面時,它可以工作,我該如何解決這個問題,以便在點擊圖標時將其重定向到URL?

+0

你是不是想運行在一個幀/ IFRAME是你嗎? Google不會讓自己出現在框架中。你的瀏覽器控制檯會告訴你更多。否則,這工作得很好〜http://jsfiddle.net/Kxw8a/ – Phil

+0

它不會對我的具體工作片,我相信這個問題是該圖標的網址被掩蓋或覆蓋。調用Javascript頁面可以很好地工作,但我沒有做任何事情可以使URL鏈接起作用。並且頁面上沒有內置頁框。 - 這是更這裏顯示的表,http://jsfiddle.net/rapY6/周邊代碼的 - 在我身邊的google.com將無法運行,當我點擊圖標沒有任何反應,但JavaScript的#tags完美彈出。 – user2852840

+0

在舊版本的Chrome瀏覽器(比如)我知道瀏覽器「意外」關閉'了'標籤其中有'div'真實裹在其中。您是否嘗試過使用不同的內部資產,如「span」或「i」? – lindsay

回答

0

我不知道,我只需要添加目標屬性的鏈接,它是工作的罰款。檢查我的代碼和JSFiddle。

<ul id="navigation"> 
    <li> 
    <a href="https://google.com" target="_blank"> 
    <div class="icon icon-user"></div> 
    <div class="text">About Us</div> 
    </a> 
    </li> 
</ul> 

FIDDLE LINK