Question

我目前正在处理一个带滚动导航栏的页面。酒吧滚动很好。但是，当我尝试将其链接到其他内容时，它不起作用。实际上，悬停效果不起作用。该页面位于此处：http://www.jescdesigns.com/clients/rp/

向下滚动浏览社交媒体图标后，会出现导航栏，如我所愿。当您将鼠标悬停在链接上时，主页链接不会更改颜色，也不会转到Facebook，并且在我将其上传到网络后，about链接将更改颜色，但链接仍然无效。我觉得我疯了，并试图改变主持人的身份，但仍然无法解释为什么Facebook链接不起作用。任何帮助将不胜感激。

我的代码可以在这里找到：http://bit.ly/1S4X0zu我很抱歉它的设置如何，但我刚创建了一个帐户，我不太熟悉如何让jquery在那里工作，我觉得这是显示我的代码的最简单的方法，而不会使这个页面成为最长的页面。

Answer 1

错误在您的javascript中：

$('#menu a, #fixedbar a').on('click', function(e) {
    e.preventDefault();
});

e.preventDefault（）;在锚标签上阻止链接打开。

Answer 2

你的css存在问题：

您的链接问题与您的jquery事件e.preventDefault()有关。删除它，它会工作！

添加以下代码：

p.menu_left a {
    color: white;
}

adn删除颜色：此css上的白色：

#menu a:visited {
   text-decoration: none;
/* color: #FFF; */
}

Answer 3

以下内容会阻止您更改颜色，并且不允许在点击时转到链接。

首先你访问了链接集颜色#FFF所以，它显示总是白色的家，因为它访问链接而其他链接没有，因为其他锚标记没有url。你需要删除它。

#menu a:visited {
    text-decoration: none;
    color: #FFF; //Here.
}

在您的实时链接中，您无法访问facebook.com。

<a href="http://www.facebook.com" target="blank">HOME</a>

这应该是

<a href="http://www.facebook.com" target="_blank">HOME</a>

此处target="blank"应为target="_blank"。

在JSfiddle e.preventDefault();中也阻止转到facebook.com

$('#menu a, #fixedbar a').on('click', function(e) {
   // e.preventDefault(); //Remove it
  });

<强> Working Fiddle

Answer 4

将一些类分配给要排除的菜单项以防止默认操作，然后在jquery中添加一个not selector运算符，如下所示。我已经将newClass添加到那些我希望按原样运行的锚标签中。



$('#menu a, #fixedbar a').not(".newClass").on('click', function(e) {
    e.preventDefault();
});

e.preventDefault（）;在锚标签上阻止链接打开。

例如，将class =“newClass”添加到HOME的锚标记中。

链接无法在固定导航栏

4 个答案: