Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/83.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 导航链接不工作(Bootsrap)_Javascript_Jquery_Html_Css_Twitter Bootstrap - Fatal编程技术网

Javascript 导航链接不工作(Bootsrap)

Javascript 导航链接不工作(Bootsrap),javascript,jquery,html,css,twitter-bootstrap,Javascript,Jquery,Html,Css,Twitter Bootstrap,我正在修改一个基于引导的模板。最初的站点是一个页面,上面的导航链接只是滚动到页面的正确部分。我已经添加了一些其他页面,我希望导航栏链接将用户返回到主页的相应部分 但是,当我编辑了另一个页面(不是主页)上的链接并返回到主页时,这些链接就不起作用了 我确信js文件中有一些东西打破了默认模式,并将其保留在主页上 问题是,我不知道要编辑什么来阻止它 主页是。滚动链接在那里工作 链接不起作用的页面是: 以下是该栏的html: <div class="navbar navbar-default nav

我正在修改一个基于引导的模板。最初的站点是一个页面,上面的导航链接只是滚动到页面的正确部分。我已经添加了一些其他页面,我希望导航栏链接将用户返回到主页的相应部分

但是,当我编辑了另一个页面(不是主页)上的链接并返回到主页时,这些链接就不起作用了

我确信js文件中有一些东西打破了默认模式,并将其保留在主页上

问题是,我不知道要编辑什么来阻止它

主页是。滚动链接在那里工作

链接不起作用的页面是:

以下是该栏的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 *** -->

切换导航
很抱歉问你这个新手问题

更新 修好了。#导航标签仅用于在单击时中断默认操作的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?我相信导航是利用