单击社交媒体图标(字体真棒)而未重定向到href

Clicking social media icons (Font Awesome) not redirecting to href

本文关键字:重定向 href 媒体 图标 字体 单击      更新时间:2023-09-26

我不确定我的代码出了什么问题,但当我单击图标时,它不会重定向到href链接。

<ul class="nav navbar-nav navbar-right social">
    <li><a href="https://www.facebook.com/Blindthreatsnz/"><i class="fa fa-lg fa-facebook"></i></a></li>
    <li><a href="http://blindthreatsnz.bandcamp.com/"><i class="fa fa-lg fa-soundcloud"></i></a></li>
    <li><a href="https://youtu.be/2qETcJ00iXY"><i class="fa fa-lg fa-youtube"></i></a></li>
    <li><a href="https://youtu.be/2qETcJ00iXY"><i class="fa fa-lg fa-twitter"></i></a></li>
</ul>

这是URL-http://blindthreatshc.mycoffeeshopdemosite.com/

您的HTML中有以下代码:

$(".navbar a, footer a[href='#myPage']").on('click', function(event){ event.preventDefault()});

这将阻止您继续单击。如果您将其更改为以下内容,则可以排除您的社交链接:

$(".navbar:not(.social) a, footer a[href='#myPage']").on('click', function(event){ event.preventDefault()});

您缺少此标签target="_blank"

<li><a href="https://www.facebook.com/Blindthreatsnz/" target="_blank"><i class="fa fa-lg fa-facebook"></i></a></li>