单击按钮不会打开新的 window

Question

我在带有 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/ 网站页脚中的灯泡。

Answer 1

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

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

试试吧。

Answer 2

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

下

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

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

Button click doesn't open new window