Bootstrap3下拉菜单的实现


Posted in Javascript onFebruary 22, 2017

使用方法

通过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下拉菜单的实现,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
Web前端设计模式  制作漂亮的弹出层
Oct 29 Javascript
js确认删除对话框适用于a标签及submit
Jul 10 Javascript
JS实现支持Ajax验证的表单插件
Mar 24 Javascript
jQuery过滤选择器经典应用
Aug 18 Javascript
Bootstrap和Java分页实例第二篇
Dec 23 Javascript
JavaScript实现的鼠标响应颜色渐变效果完整实例
Feb 18 Javascript
微信小程序 列表的上拉加载和下拉刷新的实现
Apr 01 Javascript
微信小程序开发之数据存储 参数传递 数据缓存
Apr 13 Javascript
Vue form表单动态添加组件实战案例
Sep 02 Javascript
jQuery实现本地存储
Dec 22 jQuery
原生JavaScript实现轮播图
Jan 10 Javascript
vue完美实现el-table列宽自适应
May 08 Vue.js
微信小程序开发之相册选择和拍照详解及实例代码
Feb 22 #Javascript
js仿微博动态栏功能
Feb 22 #Javascript
Vue.js:使用Vue-Router 2实现路由功能介绍
Feb 22 #Javascript
svg动画之动态描边效果
Feb 22 #Javascript
jQuery实现的简单拖动层示例
Feb 22 #Javascript
Bootstrap 3 进度条的实现
Feb 22 #Javascript
easy ui datagrid 从编辑框中获取值的方法
Feb 22 #Javascript
You might like
在php中使用sockets:从新闻组中获取文章
2006/10/09 PHP
PHP实现服务器状态监控的方法
2014/12/09 PHP
php实现阳历阴历互转的方法
2015/10/28 PHP
PHP中addslashes()和stripslashes()实现字符串转义和还原用法实例
2016/01/07 PHP
php遍历、读取文件夹中图片并分页显示图片的方法
2016/11/15 PHP
微信开发之php表单微信中自动提交两次问题解决办法
2017/01/08 PHP
CLASS_CONFUSION JS混淆 全源码
2007/12/12 Javascript
javascript 自定义事件初探
2009/08/21 Javascript
js操作CheckBoxList实现全选/反选(在客服端完成)
2013/02/02 Javascript
js实现身份证号码验证的简单实例
2014/02/19 Javascript
JS交换变量的方法
2015/01/21 Javascript
举例讲解AngularJS中的模块
2015/06/17 Javascript
微信公众号 摇一摇周边功能开发
2016/12/08 Javascript
轻松理解Javascript变量的相关问题
2017/01/20 Javascript
纯js三维数组实现三级联动效果
2017/02/07 Javascript
Ionic + Angular.js实现图片轮播的方法示例
2017/05/21 Javascript
javascript自定义日期比较函数用法示例
2019/07/22 Javascript
Node使用Selenium进行前端自动化操作的代码实现
2019/10/10 Javascript
ElementUI Tree 树形控件的使用并给节点添加图标
2020/02/27 Javascript
Python比较2个时间大小的实现方法
2018/04/10 Python
pycharm debug功能实现跳到循环末尾的方法
2018/11/29 Python
对Python 获取类的成员变量及临时变量的方法详解
2019/01/22 Python
浅谈python多进程共享变量Value的使用tips
2019/07/16 Python
python实现图片九宫格分割
2021/03/07 Python
python logging模块的使用
2020/09/07 Python
OpenCV灰度化之后图片为绿色的解决
2020/12/01 Python
基于CSS3的CSS 多栏(Multi-column)实现瀑布流源码分享
2014/06/11 HTML / CSS
Monnier Freres中文官网:法国领先的奢侈品配饰在线零售商
2017/11/01 全球购物
密封类可以有虚函数吗
2014/08/11 面试题
贷款担保申请书
2014/05/20 职场文书
工会工作先进事迹
2014/08/18 职场文书
好的促销活动方案
2014/08/21 职场文书
Python基于Opencv识别两张相似图片
2021/04/25 Python
SpringCloud Alibaba 基本开发框架搭建过程
2021/06/13 Java/Android
Javascript设计模式之原型模式详细
2021/10/05 Javascript
进阶篇之linux环境下安装MySQL数据库
2022/04/09 MySQL