我的顶级菜单项不起作用 - TWITTER Bootstrap
My top level menu items do not work - TWITTER Bootstrap
我有一个带有引导程序的下拉菜单,这里有一个小提琴:
http://jsfiddle.net/ajfbqfej/
<nav id="navvy" class="navbar navbar-inverse" role="navigation">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex8-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 navbar-ex8-collapse">
<ul class="nav navbar-nav">
<li class=" dropdown">
<a data-toggle="dropdown" data-hover="dropdown" href="#">Capabilities</a>
<ul class="dropdown-menu">
<li><a href="http://www.forstertool.com/Capabilities/Precision-Machining">Precision Machining</a></li>
<li><a href="http://www.forstertool.com/Capabilities/CNC-Turning">CNC Turning</a></li>
<li><a href="http://www.forstertool.com/Capabilities/Swiss-Screw-Machining">Swiss Screw Machining</a></li>
<li><a href="http://www.forstertool.com/Capabilities/Medical-Machining">Medical Machining</a></li>
<li><a href="http://www.forstertool.com/Capabilities/CNC-Milling">CNC Milling</a></li>
<li><a href="http://www.forstertool.com/Capabilities/Secondary-Operations">Secondary Operations</a></li>
</ul>
</li>
<li class=" dropdown">
<a data-toggle="dropdown" data-hover="dropdown" href="#">Products</a>
<ul class="dropdown-menu">
<li><a href="http://www.forstertool.com/Products/Miniature-Parts">Miniature Parts</a></li>
<li><a href="http://www.forstertool.com/Products/Nozzles">Nozzles</a></li>
<li><a href="http://www.forstertool.com/Products/Bike-Chain-Link">Bike Chain Link</a></li>
<li><a href="http://www.forstertool.com/Products/Shafts">Shafts</a></li>
<li><a href="http://www.forstertool.com/Products/Fasteners-Screws">Fasteners & Screws</a></li>
<li><a href="http://www.forstertool.com/Products/Brackets-Plates-Mounts">Brackets, Plates & Mounts</a></li>
<li><a href="http://www.forstertool.com/Products/Valves">Valves</a></li>
</ul>
</li>
<li class=" dropdown">
<a data-toggle="dropdown" data-hover="dropdown" href="#">Material Specialties</a>
<ul class="dropdown-menu">
<li><a href="http://www.forstertool.com/Material-Specialties/Stainless-Steel">Stainless Steel</a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Plastic">Plastic</a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Aluminum">Aluminum</a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Steel">Steel</a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Brass">Brass</a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Hastelloy">Hastelloy</a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Monel">Monel </a></li>
<li><a href="http://www.forstertool.com/Material-Specialties/Titanium">Titanium</a></li>
</ul>
</li>
<li class=" dropdown">
<a data-toggle="dropdown" data-hover="dropdown" href="http://www.forstertool.com/About">About</a>
<ul class="dropdown-menu">
<li><a href="http://www.forstertool.com/Quality-Assurance">Quality Assurance</a></li>
<li><a href="http://www.forstertool.com/Equipment">Equipment</a></li>
<li><a href="http://www.forstertool.com/Industries-Served">Industries Served</a></li>
</ul>
</li>
<li class=" ">
<a data-toggle="dropdown" data-hover="dropdown" href="http://www.forstertool.com/Gallery">Gallery</a>
</li>
<li class=" dropdown">
<a data-toggle="dropdown" data-hover="dropdown" href="http://www.forstertool.com/Resources">Resources</a>
<ul class="dropdown-menu">
<li><a href="http://www.forstertool.com/Resources/Latest-News">Latest News</a></li>
</ul>
</li>
<li class=" dropdown">
<a data-toggle="dropdown" data-hover="dropdown" href="http://www.forstertool.com/Contact-Us">Contact Us</a>
<ul class="dropdown-menu">
<li><a href="http://www.forstertool.com/Contact-Us/Careers">Careers</a></li>
<li><a href="http://www.forstertool.com/Contact-Us/RFQ">RFQ</a></li>
</ul>
</li>
<li class=" ">
<a data-toggle="dropdown" data-hover="dropdown" href="http://www.forstertool.com/Glossary">Glossary</a>
</li>
<li class=" ">
<a data-toggle="dropdown" data-hover="dropdown" href="http://www.forstertool.com/Resources/Forster-Blog">Blog</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</nav>
顶级项目不可点击,任何人都可以看到我可能做错了什么吗? 否则效果很好。
谢谢!
好的 - 对我来说,我只需要从我的锚点中删除数据切换属性......奇怪!
相关文章:
- Twitter Bootstrap typeahead:使用“this”获取上下文/调用元素
- Twitter Bootstrap 2.1.0子菜单在Responsive上看起来很混乱
- 在Twitter BootStrap嵌套下拉列表中托管一个选择列表(IE 9特定)
- 通过javascript for Twitter Bootstrap动态更改进度条的颜色
- Twitter Bootstrap Carousel 在向左或向右滑动控制时不断向上移动
- 自动更改 Twitter Bootstrap 选项卡
- Ajax content for Twitter Bootstrap Popover
- Twitter Bootstrap的Tab插件中“data-api”是什么意思
- Twitter Bootstrap - 带有动态变化插入的工具提示
- 扩展 Twitter Bootstrap 的模态插件
- 如何创建一个“下一步”按钮,使用 Java 脚本和 Twitter Bootstrap 切换选项卡
- 创建一个复选框按钮的散列,这些按钮在单击时在Twitter Bootstrap Button组中处于活动状态
- Ember.js and Twitter Bootstrap Popover
- 将函数绑定到Twitter Bootstrap Modal Ajax Complete
- 如何根据AngularJS输入类$invalid将Twitter Bootstrap类设置为错误
- Twitter Bootstrap药丸的问题
- 如何获得Twitter Bootstrap Modal'的invoker元素
- Twitter Bootstrap Popover添加了一个带有事件的回调函数
- Twitter Bootstrap - 如何检测媒体查询何时开始
- Twitter Bootstrap Modal does not appear