Question

我在a href中有一个字体真棒图标target='_blank'项目about:blank - 但只有文字可点击;单击该图标将打开一个包含<a href="..." class="not-light" target="_blank" style="display: block; "> <i class="fa fa-android"></i> » </a>的新选项卡，而不是实际链接。

{{1}}

如何使图标也可点击？

例如，点击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的处理程序部分，“点击处理程序” -

下

<meta name="viewport" content="width=device-width, initial-scale=1" />

参数function handleSystemLink(a) { var url = a.target.href;是a元素，它没有i，从而打开了错误的链接。

按钮单击不会打开新窗口

2 个答案: