单击后，Bootstrap toggle-nav项目要保持打开状态

Question

我有简单的bootstrap 3切换导航：

<ul class="nav navmenu-nav clearfix" >
    <li class="navmenu-brand dropdown clearfix">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" data-delay="5000"><i class="fa fa-home"></i><i class="title"> Menu item 1 </i><span class="fa fa-chevron-left"></span></a>
        <ul class="dropdown-menu" role="menu">
            <li class="clearfix">
                <a href="url 1">test 1</a>
            </li>               
            <li class="clearfix">
                <a href="url 2">test2</a>
            </li>   
        </ul>
    </li>
    <li class="navmenu-brand dropdown clearfix">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="fa fa-video-camera"></i><i class="title"> menu item 2 </i><span class="fa fa-chevron-left"></span></a>
        <ul class="dropdown-menu" role="menu">
            <li class="clearfix">
                <a href="url 3">Test 3</a>
            </li>
            <li class="clearfix">
                <a href="url 4">Test 4</a>
            </li>
        </ul>
    </li>
</ul>   

我需要单击测试1并转到该页面，到该页面的该部分，请在该页面打开。菜单...

我尝试存在类似的问题，但没有结果，当转到页面时，菜单崩溃了。

bootply链接

Answer 1

我没有太多时间，但我将为您建议一个程序。因此，我建议您使用cookie保存使用jQuery的变量：您可能需要调用以下方式：<script src="/path/to/jquery.cookie.js"></script>和GitHub插件链接就在这里：jQuery cookie

现在给您的所有下拉链接链接

<a href="#" id="currentvalue" class="dropdown-toggle" data-toggle="dropdown" role="button"><i class="fa fa-video-camera"></i><i class="title"> menu item 2 </i><span class="fa fa-chevron-left"></span></a>

添加事件侦听器以获取单击下拉链接的ID：就像在这里完成的一样：
获取单击项目的ID

将值存储在称为myvariable

的变量中

$.cookie('cookieName', 'myVariable');

您可以设置到期日期

$.cookie('cookieName', 'myVariable', { expires: 1 });//expires after a day

在另一页中，您阅读了cookie并将其存储在新变量中：

newVariable = $.cookie('cookieName');

使用该变量以启用下拉列表

$(newVariable).dropdown('toggle'); 

您可能想要检查的其他内容是：发送变量-Cookies方法在JavaScript中，自动打开下拉列表，存储链接的ID