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

前端之家收集整理的这篇文章主要介绍了下拉菜单 – 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.f2er.com/bootstrap/234180.html

猜你在找的Bootstrap相关文章