Sno*_*ash 8 javascript twitter-bootstrap
任何想法为什么这个Twitter Bootstrap下拉列表不起作用？
Javascript in head:
<script src="/assets/js/bootstrap.js" type="text/javascript"></script>
菜单HTML:
<li class="dropdown">
<a data-target="#" data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown menu here...
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="/app/1">Item A</a></li>
<li><a href="/app/2">Item B</a></li>
<li><a href="/app/3">Item C</a></li>
</ul>
</li>
将下拉类放在包装li而不是li自身的div 上.像这样...
<div class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">Dropdown trigger</a>
<ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
...
</ul>
</div>
该示例来自引导站点
你的代码应该是这样的......
<!DOCTYPE html >
<head>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js"></script>
<script type="text/javascript" src="../plugins/js/bootstrap-dropdown.js"></script>
<link href="../theme/bootstrap.css" rel=stylesheet type="text/css">
</head>
<div class="dropdown">
<ul class="dropdown">
<a data-target="#" data-toggle="dropdown" class="dropdown-toggle" href="#">Dropdown menu here...
<b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li><a href="/app/1">Item A</a></li>
<li><a href="/app/2">Item B</a></li>
<li><a href="/app/3">Item C</a></li>
</ul>
</ul>
</div>
我尝试制作一个嵌套列表,但它不适用于bootstrap.我认为它让两个下拉混乱.
| 归档时间： |
|
| 查看次数： |
14155 次 |
| 最近记录： |