Question

我正在使用侧边栏菜单导航，当用户点击菜单时，该导航会展开和折叠。最重要的是，如果页面加载时子菜单上的链接处于活动状态，我希望菜单保持扩展。

这是我正在处理的代码示例。有人可以帮我检查一下我的代码问题吗？

＆＃13;

jQuery(document).ready(function(e) {
  {
    var m = e("ul.menu li.sidebar ul.sub-menu");
    e("li")
  }
  e("ul.menu > li.sidebar > a").click(function(e) {
      e.preventDefault()
    }),
    e(document).mouseup(function(i) {
      var n = e("li.sidebar");
      n.is(i.target) || 0 !== n.has(i.target).length || m.hide("fast")
    });
});

＆＃13;

.sidebar {
  padding: 0 !important;
  margin-top: 2%;
}
.sidebar a {
  background-color: #122842;
  padding: 3%;
  color: white !important;
}
.sidebar .sidebar-submenu a {
  color: #6e6e6e !important;
  background-color: #e1ecf1 !important;
  display: block;
}
.sidebar .current-menu-item a {
  color: #22374f !important
}
.sidebar .sub-menu {
  display: none;
}
.current-menu-ancestor .sub-menu {
  display: block;
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.4/jquery.min.js"></script>
<ul class="menu ">
  <li class="sidebar current-menu-ancestor"><a href="#">Menu A ▶</a>
    <ul class="sub-menu">
      <li class="sidebar-submenu current-menu-item"><a href="a.com/menu1/">submenu 1</a>
      </li>
      <li class="sidebar-submenu current-menu-item"><a href="a.com/menu1/#sectionb">submenu 2</a>
      </li>
      <li class="sidebar-submenu"><a href="a.com/menu2">submenu 3</a>
      </li>
    </ul>
  </li>
  <li class="sidebar current-menu-ancestor"><a href="#">Menu B ▶</a>
    <ul class="sub-menu">
      <li class="sidebar-submenu current-menu-item"><a href="a.com/menu1/#sectionc">submenu 4</a>
      </li>
      <li class="sidebar-submenu"><a href="a.com/menu2/#sectionb">submenu 5</a>
      </li>
      <li class="sidebar-submenu"><a href="a.com/menu3">submenu 6</a>
      </li>
    </ul>
  </li>
  <li class="sidebar"><a href="#">Menu C ▶</a>
    <ul class="sub-menu">
      <li class="sidebar-submenu"><a href="a.com/menu4">submenu 7</a>
      </li>
      <li class="sidebar-submenu"><a href="a.com/menu5">submenu 8</a>
      </li>
    </ul>
  </li>
</ul>

＆＃13;

这些是我想要实现的行为：

子菜单1，子菜单2和子菜单4在同一页面上但不同的菜单＆＃39;。如果选择了该页面，则菜单C保持折叠状态时菜单A和菜单B都会展开。
如果用户点击菜单A下的子菜单3，当页面加载时，菜单A会在菜单B和C崩溃时展开。
每当子菜单处于活动状态时，等级＆＃34; current-menu-item＆＃34;被添加到 li标签和课程＆＃34; current-menu-ancestor＆＃34;被添加到ul标签

我现在遇到的问题：

当任何子菜单处于活动状态但菜单无法点击时，菜单会自动展开

当我用下面的代码替换jQuery时，菜单是可点击的当任何子菜单处于活动状态时自动展开，但是sub 菜单不可点击（不打开链接）

jQuery(document).ready(function(e){
 jQuery('.sidebar a').click(function(e){  
      e.preventDefault();
 if (jQuery(('.sidebar').children('.sub-menu:first').is(':visible')) {
           jQuery(('.sidebar').children('.sub-menu:first').hide();
      } else {
           jQuery(('.sidebar').children('.sub-menu:first').show();
      }

}）; }）;

提前谢谢！

Answer 1

请在jquery

之后添加jquery cookies库

SelectedName

查看此信息以获取更多信息stack-cookie-is-not-function

Jquery展开和折叠菜单无效

1 个答案: