bootstrap二级菜单点击改鼠标悬停hover下拉

默认的bootstrap的二级或多级菜单是点击才出现的。那么如果你想点击时跳转页面,就只能是实现点击出现下拉菜单,页面跳转失效。
如何实现点击跳转页面,鼠标滑过出现下级菜单呢??

你就需要修改Bootstrap.js里面的一个js。直接禁用点击下拉

$(document).ready(function(){
    $(document).off('click.bs.dropdown.data-api');
});

鼠标滑过的效果就可以直接用css来写。

.nav > li:hover .dropdown-menu { display: block; }

这样实现了悬停下拉,然后顶级栏目点击也能有效了!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第5章 菜单、按钮及导航 一、下拉菜单 小伙伴们注意,在Bootstrap框架中的下拉菜单组件是一个独立的组件,根...
    凛0_0阅读 5,094评论 0 66
  • WebSocket-Swift Starscream的使用 WebSocket 是 HTML5 一种新的协议。它实...
    香橙柚子阅读 24,176评论 8 184
  • 第4章 Bootstrap装饰插件 JavaScript是网页上事实上的脚本语言。流行的网页功能,例如:漂亮的图片...
    海上名月阅读 1,666评论 5 6
  • “有时我们会认为生活背叛了我们,很久以后我们才发现,其实是我们自己背叛了自己。”这句话出自《西伯利亚的理发师》。这...
    阿馨儿阅读 279评论 0 3
  • 今日要着:time sheet 未来目标的集合:英语、会计、项目管理与人沟通、阿米巴 关于今日要着:需要完成时间表...
    良栋阅读 168评论 0 1