2017-07-19 148 views
0

我在线获得了该模板,并使用它制作了一个投资组合。 我试图链接到我的帐户的页面右下角有twitter/facebook/linkedin图标。最初,href被设置为“#”,现在当我尝试将其设置为任何内容时,它都不起作用。当我点击图标时,它什么都不做。我的<a href=""></a>不工作?

<footer> 
 
    <ul class="icons"> 
 
     <li><a href="www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 
 
     <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 
 
     <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 
 
     <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> 
 
     <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li> 
 
    </ul> 
 
</footer>

+3

你是什么意思它不工作? –

+1

你期望它做什么? 'href =“#”'不会在任何地方导航。当你用其他*特别*替换它时,你用什么替换它,哪些不起作用?例如,如果您使用“twitter.com”不起作用,则需要包含该协议。 – msanford

+0

是否有JavaScript参与?如果是这样,检查点击处理程序,并寻找'e.preventDefault()'或'返回false' – Morpheus

回答

1

<footer> 
 
    <ul class="icons"> 
 
     <li><a href="https://twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 
 
     <li><a href="https://facebook.com" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 
 
     <li><a href="https://instagram.com" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 
 
     <li><a href="https://github.com" class="icon fa-github"><span class="label">Github</span></a></li> 
 
     <li><a href="mailto:YOUR_EMAIL_ADDR" class="icon fa-envelope"><span class="label">Email</span></a></li> 
 
    </ul> 
 
</footer>

试试这个。

-1

我的猜测是你在本地工作,它试图从本地驱动器提供www.twitter.com

首先,您的网址前缀为//。所以Twitter链接将变成//www.twitter.com。这将使用您当前使用的任何协议(httphttps)。

您可能还需要通过http服务器才能使其工作。那里有很多选择。一个简单的方法,如果你是一个Mac上是在终端导航到文件所在的目录,然后键入:

python -m SimpleHTTPServer 

这将启动一个简单的HTTP服务器和连接一定会成功。

<footer> 
 
    <ul class="icons"> 
 
    <li><a href="//www.twitter.com" class="icon fa-twitter"><span class="label">Twitter</span></a></li> 
 
    <li><a href="#" class="icon fa-facebook"><span class="label">Facebook</span></a></li> 
 
    <li><a href="#" class="icon fa-instagram"><span class="label">Instagram</span></a></li> 
 
    <li><a href="#" class="icon fa-github"><span class="label">Github</span></a></li> 
 
    <li><a href="#" class="icon fa-envelope"><span class="label">Email</span></a></li> 
 
    </ul> 
 
</footer>