2014-11-16 69 views
1

A HREF链接我工作的一个网站,因为我有以下代码菜单:HTML UL李不工作

<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/

+2

标记看起来不错。完美使用只有HTML,没有CSS或JS。请参阅:http://jsfiddle.net/y7r9g83k/ 结论:必须是JS。 –

+0

您的href路径为空..... –

+0

认为它的JavaScript – samsos

回答

2

我认为一些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>

+0

是的,我也得出同样的结论,谢谢你的正确方向。 –

2

我猜你可能会使用阿莱西奥Atzeni拉丝模板?

我有同样的问题。下面是我有完整的导航部分,并且我添加了一个类'linkfix_LogIn'到链接中,我需要不是相对锚。

<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 
}); 
0

如果使用“刷Alessio Atzeni的模板“,它似乎是由”plugin.js“造成的。

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

如果是“plugin.js”(第30行到端附近)与“jquery.nav.js”的内容的最后部分覆盖“jQuery的单页导航插件”的代码。

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