开发者文档
JS 下拉菜单,比原生的select有更精美的样式并且有更好的可拓展性。CSS文档见 dropdown。
如果想用来在表单中替代select,参见这里 在表单中使用下拉菜单。
通过标记使用
通过添加 data-toggle="dropdown"
可以启用下拉功能。
通过添加 data-trigger="hover"
设定鼠标hover状态触发下拉。
通过JS调用
$().dropdown()
,可以传入一个对象来配置触发类型: $().dropdown({trigger:"hover"})
,默认的trigger是click。
还提供三个方法可以控制菜单的显示。
- $('xxx').dropdown("toggle")
- $('xxx').dropdown("show")
- $('xxx').dropdown("hide")