jquery - 单击社交图标时导航中断

Question

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

这是一个链接，因此您可以看到我在说什么。 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;
}