标签：style blog http color io os ar java for
通过此插件可以为几乎所有东西添加下拉菜单，包括导航条、标签页、胶囊式按钮。
导航条分为四个部分。第一部分导航头，第二部分导航列，第三部分form查询表单，第四部分导航列。
效果就是
通过向链接或按钮添加data-toggle="dropdown"可以打开或关闭下拉菜单。
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown <b class="caret"></b></a>
<ul class="dropdown-menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
<li class="divider"></li>
<li><a href="#">One more separated link</a></li>
</ul>
</li>
通过JavaScript打开或关闭下拉菜单：
删除data-toggle属性，那么再次点击就不会出现下来菜单了，接下来我们通过给这个a标签添加一个onclick事件。
<script type="text/javascript">
function Test()
{
$(‘#myDropDown‘).dropdown();
}
</script>
然后点击a标签就可以出现下拉菜单了。
可以绑定事件，然后在元素进行相应处理的时候会自动绑定到元素，并进行执行相关的代码。
$(‘#myDropdown‘).on(‘show.bs.dropdown‘, function () {
// 在显示的时候做一些处理代码
})
标签：style blog http color io os ar java for
原文地址：http://www.cnblogs.com/ranzige/p/4011625.html
