使用方法

通過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')

事件

按照時(shí)間先后分為為 show.bs.dropdown shown.bs.dropdown  hide.bs.dropdown hidden.bs.dropdown

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

以上所述是小編給大家介紹的Bootstrap3下拉菜單的實(shí)現(xiàn)，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時(shí)回復(fù)大家的。在此也非常感謝大家對錯(cuò)新站長站網(wǎng)站的支持！