Question

我正在使用菜单 - http://cssmenumaker.com/builder/1501457。这就像Jquery手风琴一样，一次只打开一个面板。展开主菜单并单击子菜单时，它会导航到该页面，但主菜单会折叠页面刷新。我该如何解决这个问题。

在Asp.Net母版页中使用它。

css和jquery在链接

中

Answer 1

此页面上提供的菜单使用javascript动态更新菜单状态。

这意味着您的html页面是有状态的，并且出现问题，因为您需要正确处理客户端和服务器代码之间的状态转移。

然后您有三种替代解决方案：

将您的客户端应用程序状态（当前菜单）传输到您的asp后端并根据此状态重新生成新页面
将您的应用程序状态转发到您的asp后端并将其发送回客户端浏览器，并确保客户端重新应用此状态（使用javascript）
仅向您的asp后端请求新数据并在客户端javascript中呈现新页面内容

此问题也可能是您没有使用正确的工具来构建菜单的症状。您确实混合了服务器端和客户端渲染，并且从您的问题中感觉到，使用完整的服务器端渲染可能会更好。

Answer 2

在当前菜单的li中添加活动的类，并添加style =“display：block;”要显示为打开的子元素。

<ul>
   <li><a href='index.html'><span>Home</span></a></li>
   <li class='has-sub active'><a href='#'><span>Products</span></a>
      <ul style="display: block;">
         <li><a href='#'><span>Widgets</span></a></li>
         <li><a href='#'><span>Menus</span></a></li>
         <li class='last'><a href='#'><span>Products</span></a></li>
      </ul>
   </li>
   <li class='has-sub'><a href='#'><span>Company</span></a>
      <ul>
         <li><a href='#'><span>About</span></a></li>
         <li class='last'><a href='#'><span>Location</span></a></li>
      </ul>
   </li>
   <li class='last'><a href='#'><span>Contact</span></a></li>
</ul>

Answer 3

你不应该使用手风琴。因为手风琴只打开一个同时打开的标签。尝试使用slideDwon Jquery

Jquery垂直菜单与Navigation折叠

3 个答案: