单击按钮不会打开新的 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
是没有 href
的 i
元素,因此打开了一个错误的 link.
我在带有 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
是没有 href
的 i
元素,因此打开了一个错误的 link.