【问题标题】:Links not working menu items in bootstrap navbar引导导航栏中的链接不起作用的菜单项
【发布时间】:2015-12-12 01:44:13
【问题描述】:

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

当我打开控制台窗口时,我收到以下错误消息 - 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>

我们将不胜感激。

【问题讨论】:

    标签: javascript jquery html css twitter-bootstrap


    【解决方案1】:

    用这个替换你的行并检查

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

    【讨论】:

    • 1-你的 server-team.php 上有这个页面吗? 2- 当您单击此链接时会打开哪些链接或究竟发生了什么?
    • 是的,我在 index.php 所在的文件夹中有 team.php。当我点击按钮时没有任何反应。当我单击按钮时,我在控制台中收到了 jQuery 错误。
    • 奇怪!你能在没有数据目标的情况下试试这个吗
    • Team
    • 还要检查页面上某处的简单链接 - 团队
    【解决方案2】:

    尝试删除

    data-target="/team.php"
    

    来自链接。我相信数据目标是使用 JQuery 在页面上查找项目的引导程序。所以 JQuery 被调用,但它无法找到 /team.php。

    【讨论】:

      猜你喜欢
      相关资源
      最近更新 更多
      热门标签