当前位置:主页 > 网页前端 > JavaScript代码 >

Bootstrap3下拉菜单的实现

时间:2021-05-21 08:29:12 | 栏目:JavaScript代码 | 点击:

使用方法

通过data属性

<div class="dropdown">
 <button id="dLabel" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
  Dropdown trigger
  <span class="caret"></span>
 </button>
 <ul class="dropdown-menu" aria-labelledby="dLabel">
  ...
 </ul>
</div>

通过JavaScript

$('.dropdown-toggle').dropdown()

无论是通过data属性还是JavaScript, data-toggle="dropdown" 总是需要的

方法

$().dropdown('toggle')

事件

按照时间先后分为为 show.bs.dropdown shown.bs.dropdown  hide.bs.dropdown hidden.bs.dropdown

$('#myDropdown').on('show.bs.dropdown', function () {
 // do something…
})

您可能感兴趣的文章:

相关文章