1.用法
(1)通过data属性,向链接或按钮添加data-toggle=”dropdown”来切换下拉菜单
如果需要保持链接完整(在浏览器不启用JavaScript时有用),使用data-target属性代替href=”#”
(2)通过JavaScript调用下拉菜单切换
$('.dropdown-toggle').dropdown()
效果图:
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">html</a></li>
<li><a href="#">css</a></li>
<li class="dropdown">
<a class="dropdown-toggle" data-toggle="dropdown" href="#">javascript <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">ajax</a></li>
<li><a href="#">jquery</a></li>
</ul>
</li>
</ul>
2.方法
显示或隐藏下拉菜单$().dropdown('toggle')
<script>
$(function(){
$(".dropdown-toggle").dropdown('toggle');
});
</script>