Jquery 当包含Bootstrap.js时，Bootstrap 3.x导航栏链接将毫无用处_Jquery_Css_Twitter Bootstrap_Navbar

Jquery 当包含Bootstrap.js时，Bootstrap 3.x导航栏链接将毫无用处

jquery css twitter-bootstrap

Jquery 当包含Bootstrap.js时，Bootstrap 3.x导航栏链接将毫无用处,jquery,css,twitter-bootstrap,navbar,Jquery,Css,Twitter Bootstrap,Navbar,我一直在尝试让Bootstrap 3.2中的响应导航栏与我的站点配合使用，奇怪的是，只要我不包含Bootstrap.js文件，它就可以完美地工作。鉴于导航栏的“响应性”部分（又称汉堡按钮）取决于导航栏崩溃时该文件的存在，我想让它即使存在这个讨厌的文件也能正常工作。我试着将它放在head标记内和closing body标记正上方，但没有任何区别（我还确保始终将它放在jquery下方） <body> <div id="wrapper"> <div class="

我一直在尝试让Bootstrap 3.2中的响应导航栏与我的站点配合使用，奇怪的是，只要我不包含Bootstrap.js文件，它就可以完美地工作。鉴于导航栏的“响应性”部分（又称汉堡按钮）取决于导航栏崩溃时该文件的存在，我想让它即使存在这个讨厌的文件也能正常工作。我试着将它放在head标记内和closing body标记正上方，但没有任何区别（我还确保始终将它放在jquery下方）

<body>
<div id="wrapper">
    <div class="container">
        <!-- RAD 1: Navigation -->
        <header class="row">    
            <nav class="navbar navbar-default" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>                      
                    </button>
                    <a class="navbar-brand" href="index.html">Optalux</a>
                </div>
                <div class="collapse navbar-collapse" id="collapse">                
                    <ul class="nav navbar-nav">
                        <li class="dropdown"><a href="om-optalux.html" class="dropdown-toggle" data-toggle="dropdown">Om Optalux</a>
                            <ul class="dropdown-menu">
                                <li><a href="om-optalux.html#personlig-ogonkirurgi">Personlig Ögonkirurgi</a></li>
                                <li><a href="om-optalux.html#medicinsk-verksamhetschef">Medicinsk Verksamhetschef</a></li>
                                <li><a href="om-optalux.html#lediga-tjanster">Lediga Tjänster</a></li>
                            </ul>
                        </li>                           
                    </ul>
                </div>              
            </nav>
        </header>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap.js"></script>
</body>

重复：navbar在默认模式下工作良好（没有折叠），只要我不包含bootstrap.js文件，但没有它，响应模式就毫无用处。

我非常感谢任何帮助，因为这让我发疯。

从下拉菜单项中删除

类

和

数据切换

属性：

<ul class="dropdown-menu">
  <li><a href="om-optalux.html#personlig-ogonkirurgi">Personlig Ögonkirurgi</a></li>
  <li><a href="om-optalux.html#medicinsk-verksamhetschef">Medicinsk Verksamhetschef</a></li>
  <li><a href="om-optalux.html#lediga-tjanster">Lediga Tjänster</a></li>
</ul>

引导下拉插件可以看到

数据切换class='Dropdown'

标记，并尝试将这些项转换为下拉列表。每当你点击链接时，它都会拦截（并阻止默认行为）。

当你使用任何web开发者工具查看是否调用了.js时，bootstrap.js文件是否真的被加载了？问题是，在包含bootstrap.js文件的情况下，我实际上可以点击“汉堡”按钮并打开菜单（这样我认为它实际上是被加载的）但是如果我不使用它，按钮就根本不起作用。但是如果我包括bootstrap.js文件，点击任何菜单项（链接）我想如果你不使用汉堡包按钮，你应该删除折叠菜单的div。我喜欢汉堡包按钮，所以我会继续尝试让它工作。：）这绝对是我应该抓住的东西，但不幸的是，它没有解决问题。谢谢你指出这一点！编辑：我编辑了我的原始帖子，以反映这不是问题的原因。好吧，我让它工作了，你是对的，是类和数据切换把事情搞砸了。我不仅要从li标签中删除它们，而且还要从上面的a标签中删除它们，这很奇怪，因为bootstrap自己页面上的navbar示例就是这样编写的。无论如何，谢谢你的帮助！