Question

CSS li 当前选中项目背景颜色为蓝色怎么做?

如题所示, 我有代码,一般用在后台左侧列表:

<li>我是第1行</li>
<li>我是第2行</li>
<li>我是第3行</li>
想实现,点击第2行的时候跳转一个页面,然后新页面默认 第二行的li 背景色为蓝色,
------------------------------第二个演示---------------

其实就 li 点击导航菜单后,那么新的页面 会更变当前激活菜单的背景颜色





Answer 1

$(document).ready(function(){
    var li=$("ul li");
    li.onclick(function(){
        $(this).addClass("blue").siblings().removeClass("blue");
    });
});

.blue{background-color:blue;}

 这个是同页面的；不同页面也要如此效果的话，你只能每个页面的当前li设置底色，没得选。

追问

是的,看代码也是本页li换色, 跳转不行的, 好吧,谢谢你们了,

实在不行,我就只有笨方法了: li class 验证当前页面地址= PHP标签$[v-url] ,那么 CLASS 背景变蓝色. 反正 继承UL LI属性.

Answer 2

我想问问什么要跳页面呢？

追问

我补充了截图,谢谢反馈

追答

你是要每个模块都是一个单独页面吗？那你就在每个页面单独设置背景色啊，比如“审核中的信息”页面，那这个“审核中的信息”li标签就是蓝背景~！

追问

此方法适合静态,且小工程,不复杂.
要做动态的,谢谢

追答

右边内容框用div，点击li，div加载内容，可以用ModelAndView