bootstrap学习31---dropdown.js

用法

首先感谢bootstrap中文网的翻译人员的辛苦劳动，没有这个中文网站，我对于bootstrap的理解不可能这么快，不过看得出bootstrap中文网的工作人员可能不止这一件事情在做，因为从dropdown.js开始，就全是中文，可以理解，向你们致敬，不过还是希望早一点翻译完全。

根据前面modal框的学习，可以猜测dropdown的用法基本思路是不变的，data属性 API和js并行。

1. 首先 dropdown的效果是button或者a 结合ul ，配以data属性进行样式关联和活动完成，下拉菜单的使用的。注意：下拉菜单dropdown 不等于 下拉列表选择空间select。
2. button:
   data-toggle = “dropdown”
   aria-haspopup=”true” 顾名思义： 是否弹出
   aria-expanded=”false” 是否展开 初始化当然是先隐藏起来
   但是貌似不太管用，改不改的 没看出区别来
3. ul ：
   class = dropdown-menu 这个样式首先控制隐藏，然后弹出的时候有相应的效果
   aria-labelledby=”dropdownMenu2” 指定关联的button

4. js 调用:
   $(‘.dropdown-toggle’).dropdown()
   切换效果 dropdown(‘toggle’);

5. 事件
   show.bs.dropdown
   shown.bs.dropdown
   hide.bs.dropdown
   hidden.bs.dropdown