用法
首先感谢bootstrap中文网的翻译人员的辛苦劳动,没有这个中文网站,我对于bootstrap的理解不可能这么快,不过看得出bootstrap中文网的工作人员可能不止这一件事情在做,因为从dropdown.js开始,就全是中文,可以理解,向你们致敬,不过还是希望早一点翻译完全。
根据前面modal框的学习,可以猜测dropdown的用法基本思路是不变的,data属性 API和js并行。
- 首先 dropdown的效果是button或者a 结合ul ,配以data属性进行样式关联和活动完成,下拉菜单的使用的。注意:下拉菜单dropdown 不等于 下拉列表选择空间select。
- button:
data-toggle = “dropdown”
aria-haspopup=”true” 顾名思义: 是否弹出
aria-expanded=”false” 是否展开 初始化当然是先隐藏起来
但是貌似不太管用,改不改的 没看出区别来 - ul :
class = dropdown-menu 这个样式首先控制隐藏,然后弹出的时候有相应的效果
aria-labelledby=”dropdownMenu2” 指定关联的button js 调用:
$(‘.dropdown-toggle’).dropdown()
切换效果 dropdown(‘toggle’);事件 show.bs.dropdown shown.bs.dropdown hide.bs.dropdown hidden.bs.dropdown