实现菜单栏点击持久高亮

需求

  在做项目的时候，使用的是左侧菜单栏，右侧显示界面的样式。封装好的JS文件和现有文件冲突，所以需要重新写一个点击菜单上的按钮，按钮固定显示高亮、定位。

实现

  view层代码(写在代码片里格式全乱了，所以用截图了)
  
  
  CSS样式
  
.nav li.active > a {
color: #FFFFFF;
opacity: 1;
background: rgba(255, 255, 255, 0.23);
}

  
  JS方法
  
$(function () {
var nav = $(".nav li");
nav.click(function () {
$(this).addClass("active").siblings().removeClass("active");
});
});
  
  效果图