Bootstrap3下拉菜单的实现
更新时间：2017年02月22日 11:43:38 作者：qq1214379009
这篇文章主要介绍了Bootstrap3下拉菜单的实现方法，非常不错，具有参考借鉴价值，需要的朋友参考下
使用方法
通过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下拉菜单的实现，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
webpack-url-loader 解决项目中图片打包路径问题
这篇文章主要介绍了webpack-url-loader 解决项目中图片打包路径问题,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2019-02-02
这篇文章主要介绍了JS实现的自动打字效果,涉及javascript递归算法、字符串操作及事件函数相关使用技巧,需要的朋友可以参考下2017-03-03
BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入E
这篇文章主要介绍了BootStrap Fileinput插件和Bootstrap table表格插件相结合实现文件上传、预览、提交的导入Excel数据操作步骤,需要的朋友可以参考下2017-08-08
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
下面小编就为大家带来一篇js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-11-11
这篇文章主要给大家介绍了关于前端图片压缩常见的一些解决办法,图片上传是前端中常见的的业务场景,无论是前台还是后台,适当的对图片进行压缩处理,可以显著的提升用户体验,需要的朋友可以参考下2023-11-11
在TypeScript(以及JavaScript)中,bind()是一个用于改变函数上下文的方法,下面这篇文章主要给大家介绍了关于Typescript中bind的使用方法及注意事项的相关资料,需要的朋友可以参考下2024-08-08
最近做了一个用js实现鼠标拖拽多选的功能,于是整理了一下思路,写了一个小demo,下面这篇文章主要给大家介绍了关于如何使用纯JS实现checkbox的框选效果(鼠标拖拽多选)的相关资料,需要的朋友可以参考下2022-05-05
JavaScript中call和apply的用法、区别及应用场景
这篇文章主要介绍了JavaScript中的call和apply方法,它们都用于改变函数执行时的this指向,文中通过代码介绍的非常详细,需要的朋友可以参考下2025-03-03
这篇文章主要为大家详细介绍了JS控制TreeView的结点选择,具有一定的参考价值，感兴趣的小伙伴们可以参考一下2016-11-11
这篇文章主要介绍了JavaScript设计模式之单例模式,结合简单实例形式分析了单例模式的概念、功能及javascript定义与使用单例模式相关操作技巧,需要的朋友可以参考下2018-07-07
最新评论