单击按钮不会打开新的 window

Button click doesn't open new window

我在带有 target='_blank'a href 中有一个很棒的字体图标 <i> 项目 — 但只有文本是可点击的;单击该图标会打开一个带有 about:blank 的新选项卡,而不是实际的 link。

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

如何让图标也可以点击?

例如,单击 http://ambieye.com/ 网站页脚中的灯泡。

<li> 是一个列表。列表必须在外部,文本在内部,如下所示:

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

试试吧。

问题出在 javascript 处理程序中,而不是 css/html;找到这些问题的方法是在 Chrome 的处理程序部分,在 'click handler' -

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

参数 a 是没有 hrefi 元素,因此打开了一个错误的 link.