Javascript 导航链接不工作(Bootsrap)
我正在修改一个基于引导的模板。最初的站点是一个页面,上面的导航链接只是滚动到页面的正确部分。我已经添加了一些其他页面,我希望导航栏链接将用户返回到主页的相应部分 但是,当我编辑了另一个页面(不是主页)上的链接并返回到主页时,这些链接就不起作用了 我确信js文件中有一些东西打破了默认模式,并将其保留在主页上 问题是,我不知道要编辑什么来阻止它 主页是。滚动链接在那里工作 链接不起作用的页面是: 以下是该栏的html:Javascript 导航链接不工作(Bootsrap),javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在修改一个基于引导的模板。最初的站点是一个页面,上面的导航链接只是滚动到页面的正确部分。我已经添加了一些其他页面,我希望导航栏链接将用户返回到主页的相应部分 但是,当我编辑了另一个页面(不是主页)上的链接并返回到主页时,这些链接就不起作用了 我确信js文件中有一些东西打破了默认模式,并将其保留在主页上 问题是,我不知道要编辑什么来阻止它 主页是。滚动链接在那里工作 链接不起作用的页面是: 以下是该栏的html: <div class="navbar navbar-default nav
<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 *** -->
切换导航
-
-
-
-
很抱歉问你这个新手问题
更新
修好了。#导航标签仅用于在单击时中断默认操作的js函数。我刚刚删除了那个ID,它就工作了。当你点击菜单中的“About”时,它有as href值“”,在JS中它必须在ID为“About”的部分中移动。在HTML页面中,没有任何ID为“#about”的部分。您需要添加到关于部分id关于。您需要将节ID与菜单项href value的值相匹配,因为当您单击它时会显示JS错误,并且无法滚动到节
Uncaught TypeError: Cannot read property 'slice' of undefined
这是因为javascript阻止了链接的默认行为(移动到另一个页面)。取而代之的是寻找
#intro
部分,例如,跳转到我所想的,但是我在哪里可以找到控制它的js函数呢?我不确定我在找什么。你在用什么样的CMS?我相信导航是利用