导航链接不工作（Bootsrap）

我在更改基于Bootstrap的模板。原始网站是一个单页面，顶部导航链接只需滚动到页面的正确部分。我添加了一些其他页面，我希望导航栏链接将用户返回到主页的相应部分。导航链接不工作（Bootsrap）

但是，当我编辑其他页面（而不是主页面）上的链接时，请回到主页，链接不起作用。

我确定js文件中有某些内容正在打破默认模式并将其保留在主页上。

问题是我不知道该编辑什么来阻止它。主页是http://jimbrink.org。滚动链接在那里工作。

下面是酒吧的HTML：

<div class="navbar navbar-default navbar-fixed-top" role="navigation" id="navbar"> 
    <div class="container"> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 
      <a class="navbar-brand" href="#intro">JimBrink.org</a> 
     </div> 

     <div class="navbar-collapse collapse" id="navigation"> 

      <ul class="nav navbar-nav navbar-right"> 
       <li><a href="http://jimbrink.org/#intro">Intro</a> 
       </li> 
       <li><a href="http://jimbrink.org/#about">About</a> 
       </li> 
       <li><a href="http://jimbrink.org/#resources">Resources</a> 
       </li> 
       <li><a href="http://jimbrink.org/#impact">Impact</a> 
       </li> 
      </ul> 
     </div> 
     <!--/.nav-collapse --> 

    </div> 
</div> 
<!-- /#navbar --> 

<!-- *** NAVBAR END *** -->

很抱歉的新手问题。

UPDATE 固定它。 #navigation标记仅用于js函数，它在单击时中断了默认操作。我刚刚删除了这个ID，它工作。

来源

2016-12-26 Micah Cobb

这是因为JavaScript阻止链接的默认行为（移动到另一页）。相反，它正在寻找'＃intro'部分，例如跳转到 –

这就是我的想法，但我在哪里可以找到控制它的js函数？我不确定我在找什么。 –

你在使用什么样的CMS？我相信导航正在使用http://getbootstrap.com/javascript/#scrollspy –

当您点击菜单中的“关于”时，它的href值为“http://jimbrink.org/#about”，并且基于JS，它必须移动到ID为“about”的部分。在您的HTML页面中，您没有任何ID为“#about”的部分。您需要添加关于部分ID的信息。您需要将部分ID与菜单项href值的值进行匹配，因为当您单击它时会显示JS错误，并且无法滚动到该部分。

Uncaught TypeError: Cannot read property 'slice' of undefined

来源

2016-12-26 20:12:16 edonbajrami

导航链接不工作（Bootsrap）

回答

相关问题