按钮点击不打开新窗口

我有一个字体真棒图标<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

回答