jquery - 当我选择该选项的任何页面时,子菜单未显示为活动状态
问题描述
我正在使用 jQuery 手风琴,里面有一个主菜单和它的选项,里面有子菜单和它的选项。
当我单击主菜单的任何选项并呈现页面时,菜单显示为活动并打开,但是当我单击并从子菜单中打开任何页面时,页面呈现但在该子菜单自动关闭之后。它应该显示为打开,因为在页面呈现后父菜单保持打开状态。
HTML
<div id="main">
<div class="sidebar-collapse">
<ul id="navigation" class="nav side-menu">
<li>
<s:a action='home' class="head1">Dashboard</s:a>
</li>
<li>
<a style="cursor: pointer" class="head">
<i class="fa fa-line-chart" aria-hidden="true"></i>
Reports Section
</a>
<ul>
<li><s:a action='abc1'>Report 1</s:a></li>
<li><s:a action='abc2'>Report 2</s:a></li>
<li><s:a action='abc3'>Report 3</s:a></li>
<ul id="sub-accordian">
<li class="active">
<a class="head2">
Sub-Menu Reports
</a>
<ul>
<li><s:a action='xyz1'>Sub-Report 1</s:a></li>
<li><s:a action='xyz2'>Sub-Report 2</s:a></li>
<li><s:a action='xyz3'>Sub-Report 3</s:a></li>
</ul>
</li>
</ul>
</ul>
</li>
</ul>
</div>
</div>
JAVASCRIPT
<script type="text/javascript">
jQuery().ready(
function() {
jQuery('#navigation').accordion({
active : true,
header : '.head',
navigation : true,
event : 'click',
fillSpace : false,
animated : 'easeslide',
collapsible: true
});
jQuery('#sub-accordian').accordion({
active : true,
header : '.head2',
navigation : true,
event : 'click',
fillSpace : false,
animated : 'easeslide',
collapsible: true
});
});
</script>
我希望当我单击后从子菜单打开任何页面时,子菜单应该打开并处于活动状态,它不应该自动关闭。
解决方案
推荐阅读
- java - 如何在重置整个代码的while语句中创建一个循环,或者如果用户输入“否”它允许退出
- arrays - 无法设置 PivotItem 类的 Visible 属性
- c++ - 可选未初始化的类:std::is_trivially_constructible 对于非默认构造函数似乎不正确?
- web - 完成进度条后如何重定向网站
- java - 如何使用 AND 语句从 firebase 中删除数据
- algorithm - 如何解决递归关系
- javascript - 打印 .net core webapp 时打印模糊。Javascript window.print()
- python - 使用状态代码映射状态名称 使用 Python
- c# - 有没有办法修复 xamarin 错误 CS1503: Argument 2: cannot convert from 'Xamarin.Forms.Entry' to 'Microcharts.ChartEntry'
- linux - 无法打开套接字文件:目标进程没有响应或HotSpot VM未加载当目标进程没有响应时可以使用-F选项