引导导航下拉菜单不起作用
Bootstrap nav dropdown menu is not working
我在让引导下拉菜单工作时遇到问题。 我在网上看过,似乎没有一个解决方案可以解决我的问题。 我目前正在为我的 css 和 javascript 使用外部资源,以防本地资源不起作用。 有什么想法吗? 这是我的整个翡翠代码。
doctype html
html
head(lang="en")
meta(charset="UTF-8")
title Login | EPS KPI Warehouse
// CSS
//link(href="/bootstrap/css/bootstrap.min.css", rel="stylesheet")
script(src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js")
script(src="http://code.jquery.com/jquery-2.1.0.min.js")
link(href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css", rel="stylesheet")
body
// Navbar
nav.navbar.navbar-default.navbar-static-top(role="navigation")
.container-fluid
.navbar-header
button.navbar-toggle.collapsed(type="button", data-toggle="collapse", data-target="#navbar", aria-expanded='false', aria-controls='navbar')
span.sr-only Toggle Navigation
span.icon-bar
span.icon-bar
span.icon-bar
a.navbar-brand(href="/", style="padding-top: 7px")
img(src="/images/EPS_Logo.png", ,="", height="35")
a.navbar-brand KPI Warehouse
#navbar.navbar-collapse.collapse
ul.nav.navbar-nav
li.active
a(href="/home") Home
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
ul.nav.navbar-nav.navbar-right
li.dropdown
a.dropdown-toggle(href='#', data-toggle='dropdown', role='button', aria-expanded='false')
| Dropdown
span.caret
ul.dropdown-menu(role='menu')
li
a(href='#') Action
li
a(href='#') Another action
li
a(href='#') Something else here
li.divider
li.dropdown-header Nav header
li
a(href='#') Separated link
li
a(href='#') One more separated link
回答由
adeneo 在评论中提供。
在加载引导JavaScript 之前,您需要加载 jquery JavaScript,因为后者依赖于前者:
script(src="http://code.jquery.com/jquery-2.1.0.min.js")
script(src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js")
link(href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css", rel="stylesheet")
相关文章:
- 我的下拉菜单中的链接不起作用
- Bootstrap下拉菜单不起作用
- WordPress下拉菜单在我的主题中不起作用
- 我尝试将引导下拉按钮添加到 但下拉菜单不起作用.我该怎么做
- Bootstrap下拉菜单不会'不起作用
- JS下拉菜单没有'不起作用
- WordPress和Bootstrap:下拉菜单不起作用
- 为什么我的引导程序的下拉菜单不起作用
- 网页按价格排序下拉菜单不起作用
- 单击单选按钮时不会禁用下拉菜单
- bootstrap/javascript下拉菜单在heroku上不起作用
- Zurb Foundation下拉菜单没有'不起作用
- Javascript下拉菜单不起作用
- 引导程序下拉菜单doen'不起作用
- 单击下拉菜单中的链接不起作用
- Javascript 下拉菜单 (wp_nav_menu) 不起作用
- 引导滚动间谍不起作用,导航菜单按钮导致标题重新加载
- JQuery 下拉菜单不会显示下拉菜单
- 纯css下拉菜单's子菜单滚动不显示多下拉菜单
- 为什么我的AJAX请求不能从下拉菜单中获得正确的值?