a标签点击后,保证后来的样式

在个人中心中,左侧的菜单(a标签),点击之后,不能够应用新的样式

而在静态界面html 中表现正常,在修改成动态的就不行了

可能是a标签链接经过了后台,当前页面的this对象发生了变化,所以就不能够像静态页面中那样应用新的样式了,个人觉得是这样感觉

原来静态页面中这样:

$('.left_list ul li').each(function (index) {
        $(this).click(function () {
              $('.left_list ul li').removeClass('bg');
             $(this).addClass('bg');
         });
});

修改:

把这段代码注释掉,在菜单上加一个id,在点击a标签之后,经过了后台,再在每个页面加载的时候去加上样式即可

$('#id').addClass('bg');

大家有其他的方法,记得告诉我哦

posted @ 2018-03-20 11:05  星辰海  阅读(1116)  评论(0编辑  收藏  举报