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…
})
上一篇:Javascript - HTML的request类
栏 目:JavaScript代码
下一篇:Bootstrap源码解读标签、徽章、缩略图和警示框(8)
本文标题:Bootstrap3下拉菜单的实现
本文地址:http://www.codeinn.net/misctech/126080.html






