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

相关文章

  • javascipt:filter过滤介绍及使用

    javascipt:filter过滤介绍及使用

    filter是new一个新的array,这篇文章主要介绍了javascipt filter过滤介绍及使用,需要的朋友可以参考下
    2014-09-09
  • JS删除String里某个字符的方法

    JS删除String里某个字符的方法

    这篇文章主要介绍了JS删除String里某个字符的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,,需要的朋友可以参考下
    2019-06-06
  • js获取异步函数数据的实现

    js获取异步函数数据的实现

    本文主要介绍了js获取异步函数数据的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-02-02
  • js实现的四级左侧网站分类菜单实例

    js实现的四级左侧网站分类菜单实例

    这篇文章主要介绍了js实现的四级左侧网站分类菜单,实例分析了javascript操作页面元素实现tab切换的相关技巧,需要的朋友可以参考下
    2015-05-05
  • 浅析JavaScript中let与const命令的区别

    浅析JavaScript中let与const命令的区别

    这篇文章主要为大家详细介绍了JavaScript中let命令与const命令的用法及区别,文中的示例代码讲解详细,具有一定的借鉴价值,需要的可以参考下
    2023-09-09
  • javascript实现可拖动变色并关闭层窗口实例

    javascript实现可拖动变色并关闭层窗口实例

    这篇文章主要介绍了javascript实现可拖动变色并关闭层窗口的方法,涉及javascript操作层的样式与属性的相关技巧,需要的朋友可以参考下
    2015-05-05
  • Javascript连接数据库查询并插入数据

    Javascript连接数据库查询并插入数据

    这篇文章主要介绍了Javascript连接数据库查询并插入数据,下面文章围绕主题展开详细内容,具有一的参考价值,需要的小伙伴可以参考一下,希望对你的学习有所帮助
    2022-03-03
  • JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

    JavaScript1.6数组新特性介绍以及JQuery的几个工具方法

    这篇文章主要是对JavaScript1.6数组新特性以及JQuery的几个工具方法进行了介绍,需要的朋友可以过来参考下,希望对大家有所帮助
    2013-12-12
  • 微信小程序动态添加分享数据

    微信小程序动态添加分享数据

    这篇文章主要为大家详细介绍了微信小程序动态添加分享数据的相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • ant-design-pro使用qiankun微服务配置动态主题色的问题

    ant-design-pro使用qiankun微服务配置动态主题色的问题

    这篇文章主要介绍了ant-design-pro使用qiankun微服务配置动态主题色,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-03-03

最新评论