引导可折叠菜单不起作用
Bootstrap Collapsible Menu not working
我在页面上加载可折叠导航栏时遇到问题 - 当您缩小屏幕时会出现按钮,但是当我单击它时,没有任何反应。 控制台没有给我带来任何错误,所以我假设我的 css/javascript 一定有问题,但我真的不知道是什么。
如果这很重要,我正在我的页面上通过 Bootstrap CDN 链接 - 我不知道这是否需要我手动包含插件(我认为不会,但我不确定)。
以下是我的HTML和Javascript链接:
<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>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="#">Operation Pulse</a></li>
<li><a href="#">Forum</a></li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Media <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="news/">News & Updates</a></li>
<li><a href="#">Indie Pulse</a></li>
<li><a href="#" style="text-transform: lowercase;">rec</a></li>
<li><a href="#">Geeks and Giggles</a></li>
<li class="divider"></li>
<li><a href="#">Podcasts</a></li>
</ul>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Info <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">About Us</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="crew.php">Crew</a></li>
<li><a href="contact.php">Contact Us</a></li>
</ul>
</li>
</ul>
</div>
.JS
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css" rel="stylesheet">
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="//code.jquery.com/jquery.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.2/js/bootstrap.min.js" type="text/javascript"></script>
将按钮中的data-target=
更改为.. .navbar-collapse
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
大多数
时候,boostrap.js文件引用两次。在我们的例子中,它被引用了两次,一次在母版中,另一次在内页中被错误地引用(SharePoint 案例中的页面布局)。
相关文章:
- 我的下拉菜单中的链接不起作用
- 滚动后保持固定的菜单栏不起作用
- Bootstrap下拉菜单不起作用
- 我的响应菜单在移动版中不起作用
- WordPress下拉菜单在我的主题中不起作用
- 我尝试将引导下拉按钮添加到 但下拉菜单不起作用.我该怎么做
- Bootstrap下拉菜单不会'不起作用
- JS下拉菜单没有'不起作用
- WordPress和Bootstrap:下拉菜单不起作用
- 为什么我的引导程序的下拉菜单不起作用
- 切换菜单不起作用
- 网页按价格排序下拉菜单不起作用
- 移动导航菜单不起作用(HTML,CSS和JQuery)
- 导航菜单在手机上不起作用
- bootstrap/javascript下拉菜单在heroku上不起作用
- 汉堡菜单不起作用
- Zurb Foundation下拉菜单没有'不起作用
- jquery切换菜单没有'不起作用
- Javascript下拉菜单不起作用
- 英特尔AppFramework-侧菜单不起作用