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>

我需要点击Test 1然后转到那个页面，在那个页面上打开那个菜单部分。等等，如果我点击测试3，url带我进入测试3页面，打开第二部分菜单...

我尝试了类似的问题，但没有结果，当转到页面时，菜单已折叠。

Bootply Link

Answer 1

我没有太多时间，但我会为你建议一个程序。所以我建议你用Jquery使用cookies保存变量：你可能需要调用它：<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：就像在这里完成一样：
get id of item clicked

将值存储在名为myVariable

的变量中

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

您可以设置到期日期

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

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

newVariable = $.cookie('cookieName');

使用该变量启用下拉列表

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

您可能想要检查的其他事项包括：send variables -cookies method in javascript，Open a dropdown automatically，store id of a link

单击

1 个答案: