页面跳转后如何保持导航栏选中状态？

Question

点击a.jsp页面的一个div跳转到a.jsp?code=01后怎样保持跳转后页面导航栏对应的项的选中状态

Answer 1

两个思路：

在你触发点击事件的时候，为你的导航栏加入对应的class，如：

//假设是.btn触发点击事件，选中状态class是active，现在要添加的对应项的class是nowTag

$(".btn").on("click",function(){

    $(".active").removeClass("active");

    $(".nowTag").addClass("active"); 

})

2.监听onhashChange函数，在url发生变化的时候，截取url后的参数，根据参数判断为哪一个导航栏下的项添加对应样式