【问题标题】:Responsive menu adjustments响应式菜单调整
【发布时间】:2016-01-19 18:32:43
【问题描述】:

所以我已经修改了引导响应菜单,当您在其外部单击时关闭。我遇到的问题是,当您单击该主菜单的子菜单中的链接时,它会关闭子菜单-理想情况下,我希望将其保持打开状态。原因是其中一些链接是模态的,因此我想保留页面的状态。

此处示例:

plnkr.co/edit/arGrZ8onXsHYNjAIOeQx?p=preview

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

【问题讨论】:

    标签: javascript jquery css twitter-bootstrap


    【解决方案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>
    

    【讨论】:

    • 这将关闭菜单!
    • 抱歉,我的问题可能不清楚。如果你看我的例子,我已经有了我想要的主要导航行为。问题是我想在单击其中一个链接时保持子菜单打开。
    • 好的!我确实做对了。现在我在移动设备上,我一到桌面就会查看它。
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2015-11-06
    • 2015-01-28
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-02-02
    • 1970-01-01
    相关资源
    最近更新 更多