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

Question

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

Answer 1

window.onbeforeunload监听url变化,解析获取code的值,根据获取到的相应的值操作dom改变button的状态.

Answer 2

两个思路：

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

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

$(".btn").on("click",function(){
    $(".active").removeClass("active");
    $(".nowTag").addClass("active"); 
})

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