HTML UL LI a href 链接不起作用

Question

我正在一个网站上工作，对于菜单，我有以下代码：

 <header>
  <div class="sticky-nav">
    <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>
    <nav id="menu">
      <ul id="menu-nav">
        <li><a href="http://aevidum.com">Home</a>
        </li>
        <li><a href="">Clubs</a>
        </li>
        <li><a href="">Campaigns</a>
        </li>
        <li><a href="">Movement</a>
        </li>
        <li><a href="">Events</a>
        </li>
        <li><a href="">The Talk</a>
        </li>
        <li><a href="">Resources</a>
        </li>
        <li><a href="">Donate</a>
        </li>
        <li><a href="">#Aevidum</a>
        </li>
        <li><a href="">Contact</a>
        </li>
      </ul>
    </nav>
  </div>
</header>

但是当我点击主页链接时，它不会去任何地方或做任何事情。任何人都知道问题可能是什么？

这是我正在处理的目录的链接：http: //aevidum.com/brushed/

原文由 Benjamin Porter 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我认为某些 java 脚本或 jquery 函数正在覆盖您当前的功能，因为您发布的代码在没有任何包含的情况下工作正常。

 <header>
  <div class="sticky-nav">
    <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>
    <nav id="menu">
      <ul id="menu-nav">
        <li><a href="http://aevidum.com">Home</a>
        </li>
        <li><a href="">Clubs</a>
        </li>
        <li><a href="">Campaigns</a>
        </li>
        <li><a href="">Movement</a>
        </li>
        <li><a href="">Events</a>
        </li>
        <li><a href="">The Talk</a>
        </li>
        <li><a href="">Resources</a>
        </li>
        <li><a href="">Donate</a>
        </li>
        <li><a href="">#Aevidum</a>
        </li>
        <li><a href="">Contact</a>
        </li>
      </ul>
    </nav>
  </div>
</header>

原文由 Sunil Goli 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您使用“Alessio Atzeni 的 Brushed Template”，它似乎是由“plugin.js”引起的。

从以下页面获取“jquery.nav.js”。 https://github.com/davist11/jQuery-One-Page-Nav

然后用“jquery.nav.js”的内容覆盖“plugin.js”最后部分（接近第30行到末尾）的“jQuery One Page Nav Plugin”代码。

我能够以这种方式解决同样的问题。我希望这可以帮助别人。

原文由 diceworks 发布，翻译遵循 CC BY-SA 3.0 许可协议