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/

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>

Answer 2

我猜你可能正在使用Alessio Atzeni的Brushed Template？

我遇到了同样的问题。下面是我的完整导航部分，以及我在哪里添加了一个类＆＃39; linkfix_LogIn＆＃39;我需要的链接不是相对锚。

    <header>
    <div class="sticky-nav">
        <a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>

        <div id="logo">
            <a id="goUp" href="#home-slider" title="Home">Home</a>
        </div>

        <nav id="menu">
            <ul id="menu-nav">
                <li class="current"><a href="#home-slider">Home</a></li> 
                <li><a href="#about">What Is This</a></li>
                <li><a href="#contact">Contact</a></li>
                 <li class="linkfix_LogIn"><a href="http://www.YourURL.com">Outside Link</a></li>
            </ul>
        </nav>

    </div>
</header>

同样在main.js文件中，修改此函数内的以下内容：

BRUSHED.listenerMenu = function(){

并在底部添加这个小方法：

    // Fix outside links.
    $('.linkfix_LogIn a').on('click',function() {           
        window.location.href = "http://www.YourURL.com";  // Change This
});

Answer 3

如果您使用“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”的代码。

我能够以这种方式解决同样的问题。我希望这有助于某人。

Answer 4

我有同样的问题。我刚刚在标签上添加了diplay: block。对我有用！

ul li a {
  display: block;
}

Answer 5

问题可能与模板随附的jquery有关。如果没有解决办法，请在“ href”标签上使用javascript onclick函数进行重定向

onclick="window.open('https://www.yoursite.com/mypage')"

如果要提及目标类型，请改用此类型

onclick="window.open('https://www.yoursite.com/mypage', '_blank')"

HTML UL LI a href链接不起作用

5 个答案: