Question

我在mvc中有一个项目，我在所有页面都有一个侧边栏，就像这样：

<ul class="nav nav-pills nav-stacked text-center" style="padding-right:2px;" >
  <li>
    <a href="#collapse1" id="btn-1" class="text-center" data-toggle="collapse"><span><b>A</b></span> </a>
    <ul class="nav nav-pills nav-stacked text-center collapse " id="collapse1" role="menu" aria-labelledby="btn-1" aria-expanded="false">
      <li><a href="~/A/A-a">A-a</a></li>
      <li><a href="~/A/A-b">A-b</a></li>
      <li><a href="~/A/A-c">A-c</a></li>
    </ul>
  </li>

  <li>
    <a href="#collapse2" class="text-center" data-toggle="collapse"><span><b>B</b></span></a>
    <ul id="collapse2" class="collapse nav nav-pills nav-stacked text-center collapse" aria-expanded="false">
      <li><a href="~/B/B-a">B-a</a></li>
      <li><a href="~/B/B-b">B-b</a></li>
    </ul>
  </li>
</ul>

当用户点击如下链接时

<li><a href="~/B/B-b">B-b</a></li>

它的视图（页面）显示在侧栏旁边，但问题是因为刷新或重新加载页面，通过单击标签，子菜单崩溃，我需要保持打开状态。

我在网上搜索得很多，有些人建议使用html5的本地存储，但所有示例都与nav-tab相关。

Answer 1

这是一个关于如何保存和恢复＆＃34;扩展＆＃34; Bootstrap的导航菜单状态要保存的数据是每个aria-expanded的{{1}}属性。

在CodePen上查看。

ul

刷新页面或重新加载页面时保持子菜单打开

1 个答案: