我正面临着一些侧面情况。我想在页面加载/刷新时使sidemenu处于活动/打开状态。 sidemenu是从数据库动态加载的。问题是网页刷新后,我点击侧面菜单后一直刷新;我需要让sidemenu保持活跃并需要解决方案吗?我尝试了一些来自互联网的JavaScript,但仍然遇到同样的问题。
这是我的代码:
<div id="sidebar" class="sidebar responsive" >
<ul class="nav nav-list" >
<li class="#" >
<a href="#" class="dropdown-toggle">
<span class="menu-text" >
<ul class="submenu" >
<li class="active" > //set it active will remain active all the time
<span class="menu-text" >
以上是我的代码中的示例,谢谢。
脚本使用如下:
$(document).ready(function () {
if (sessionStorage.getItem("activeMenuItemID") != undefined) {
$("#submenu > li > a").each(function () {
if ($(this).attr("id") == sessionStorage.getItem("activeMenuItemID")) {
expandMenuItem(this);
}
});
}
$('#submenu > li > a').click(function (elem) {
expandMenuItem(this);
});
});
function expandMenuItem(elem) {
if ($(elem).attr('class') != 'active') {
$('#submenu li ul').slideUp();
$('#submenu > li > a').removeClass("active");
$(elem).addClass("active");
$(elem).next().slideToggle();
sessionStorage.setItem("activeMenuItemID", $(elem).attr("id"));
}
}