需求 |
在做项目的时候,使用的是左侧菜单栏,右侧显示界面的样式。封装好的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");
});
});
效果图