单击社交图标时导航中断

Question

我无法弄清楚如何编写我的脚本，以便当您单击带有#facebook或#twitter ID的列表元素时，它将不会执行任何操作。如果单击导航列表中的任何其他项，则脚本将正常运行。

这是一个链接，所以你可以看到我在说什么。 www.travismichael.net/satori-website

当您查看该网站时，您将看到当您点击导航中的社交图标时，主页链接将消失，并且活动状态将在导航中的其余列表项中消失。

任何帮助都会非常棒，谢谢你们。）

Answer 1

您指的是链接中的相对路径。使用http://协议，应该修复它。

像这样：

<li id="facebook"><a id="facebook-icon" class="home-color pull-left" href="http://www.twitter.com" target="blank">Facebook</a></li>
<li id="twitter"><a id="twitter-icon" class="home-color pull-right" href="http://www.facebook.com" target="blank">Twitter</a></li>

Answer 2

试试这个：

#facebook, #twitter
{
  pointer-events:none;
}