按鈕點擊不打開新窗口

我有一個字體真棒圖標<i>項目內a href與target='_blank' - 但只有文本是可點擊的;點擊圖標將打開一個新選項卡about:blank，而不是實際的鏈接。按鈕點擊不打開新窗口

<a href="..." class="not-light" target="_blank" style="display: block; "> 
    <i class="fa fa-android"></i> » 
</a>

我該如何使圖標可點擊？

例如，單擊http://ambieye.com/網站頁腳的頁腳中的燈泡。

2015-04-25 cDima

我似乎無法重新創建您的問題http://codepen.io/anon/pen/waBGGX – FPcond

的確，它可能是其他css或JavaScript在網站上的效果。在Chrome中單擊時是可重現的，還是在本地機器上？ – cDima

不，我得到你的網站上的錯誤是完全瘋狂的大聲笑。我把你的整個頁腳放在我的codepen中仍然沒有問題。它甚至適用於lightswitch ....我在你的 in chrome BTW – FPcond

問題出在JavaScript處理程序中，而不是css/html;找到這些問題的方法是在Chrome的處理部分，在「單擊處理程序」 -

function handleSystemLink(a) { 
    var url = a.target.href;

的爭論a是它不具有href，從而開擴壞鏈接i元素。

2015-04-26 00:04:34 cDima

有趣的是你怎麼修復它？ – FPcond

<li>是一個列表。該列表必須位於內部，文字如下：

<li style="display: block; "> 
    <a href="..." class="not-light" target="_blank"> 
     <i class="fa fa-android"></i> » The text 
    </a> 
</li>

試試吧。

2015-04-25 22:03:29

回答