Bootstrap3下拉菜单的实现 程序员文章站 2023-11-30 09:26:22 使用方法 通过data属性 使用方法 通过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… }) 以上所述是小编给大家介绍的bootstrap3下拉菜单的实现,希望对大家有所帮助 上一篇: Python全栈Day 20部分知识点 下一篇: JS实现图片拖拽交换效果 推荐阅读 Vue 之孙组件向爷组件通信的实现 仿ElementUI实现一个Form表单的实现代码 vue实现随机验证码功能的实例代码 涂鸦板简单实现 Html5编写属于自己的画画板 HTML5使用Audio标签实现歌词同步的效果 网页中的电话号码如何实现一键直呼效果_附示例 Vue.extend实现挂载到实例上的方法 HTML5中使用postMessage实现Ajax跨域请求的方法 html5仿支付宝密码框的实现代码 3分钟了解vue数据劫持的原理实现