在bootstrap导航栏中链接不工作的菜单项

时间:2015-09-15 17:29:30

标签: javascript jquery html css twitter-bootstrap

我对Web开发和引导框架相当陌生。我只想要的是,当我点击bootstrap导航栏中的一个选项(特别是团队选项)时,它应该带我到那个特定的页面。这是我菜单中唯一一个将我带到不同页面的链接。所有其他链接将转到同一页面上的特定部分。 enter image description here

当我打开控制台窗口时,收到以下错误消息 - https://gyazo.com/001f90dc8207f99c8692946df9f49163

以下是HTML代码:

<nav class="navbar" data-spy="affix">
        <div class="container-fluid">
            <div class="container">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <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="/"><img src="images/logo-navy.png"></a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav navbar-right">
                        <li class="dropdown"><a href="#" data-toggle="dropdown" class="dropdown-toggle" target="_blank">Home<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="#about">About</a></li>
                            <li><a href="#partners">Partners</a><li>
                            <li><a href="#news">In the news</a><li>
                        </ul>
                        </li>
                        <!--<li><a href="/resources.php" target="_blank">Resources</a><li>-->
                        <li><a href="/team.php" data-target="/team.php" target="_blank">Team</a></li>
                        <li><a href="#contact">Contact</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </nav>

帮助将不胜感激。

2 个答案:

答案 0 :(得分:0)

用此替换你的行并检查

<li><a href="team.php" data-target="team.php" target="_blank">Team</a></li>

答案 1 :(得分:0)

尝试删除

data-target="/team.php"

来自链接。我相信,data-target是使用JQuery在页面上查找项目的Bootstrap。所以JQuery被调用,但它无法找到/team.php。