Question

所以我修改了bootstrap响应式菜单，当你点击它外面时关闭它。我遇到的问题是，当你点击该主菜单子菜单中的链接时，它会关闭子菜单 - 理想情况下我想保持打开状态。原因是因为其中一些链接是模态，因此我想保留页面的状态。

此处示例：

plnkr.co/edit/arGrZ8onXsHYNjAIOeQx?p=preview

如果单击下拉菜单，然后单击操作链接，您将看到子菜单关闭。

Answer 1

将这行代码放在html文件中，或从js文件加载脚本。

<script>
$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
    $(this).collapse('hide');
}
});
</script>

Answer 2

您可以执行以下操作来禁用点击事件：

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

这是一个有效的演示：http://www.bootply.com/3tWJWSzbax

响应式菜单调整

2 个答案: