微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

下拉菜单 – BootStrap3点击项目后,保持下拉菜单打开

我使用bootstrap3.0,它的优秀的下拉菜单

如果我点击下拉菜单的一侧,菜单将消失,这是对的。

但是当我点击下拉菜单中的项目时,它也会消失。这不是我认为的,没有选择可以控制它的切换行为。 (我需要菜单保持打开,当我点击项目,像Facebook通知菜单)

所以我想我必须修改引导源,我不是真的想要的。所以在我触摸源之前,我想知道有没有什么好的工作?如果没有,如何更改源的最小影响的引导?

感谢任何想法。

解决方法

点击后可以保留下拉列表的一种方法
$('#myDropdown').on('hide.bs.dropdown',function () {
    return false;
});

演示:http://www.bootply.com/116350

一个选择是处理像这样的点击事件..

$('#myDropdown .dropdown-menu').on({
    "click":function(e){
      e.stopPropagation();
    }
});

演示:http://www.bootply.com/116581

原文地址:https://www.jb51.cc/bootstrap/234180.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐