非單頁模式下 修改頭部顯示效果
阿新 • • 發佈：2017-10-17
src ngs add jquer pan 解決方法 個人中心 script ger
1. 問題：
多個頁面共享頭部，但不是單頁引用，在頭部導航點擊後 頁面跳轉，瀏覽器刷新
本來加上的樣式又消失了
2. 解決方法：
01. 根據頁面url 做判斷
02. 似乎可以用localstorage,來存一下狀態
3.以下代碼只對url 做了判斷
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit">
<meta http-equiv="
//這裏是判斷url ，但是還可以擴展
$(function(){
var a = location.href;
console.log(a.indexOf(‘geren‘))
if(a.indexOf(‘geren‘) !=-1){
$(‘.grzx‘).addClass(‘atn‘);
$(‘.grzx‘).siblings(‘li‘).removeClass(‘atn‘);
}else if(a.indexOf(‘shouye‘) !=-1){
$(‘.index‘).addClass(‘atn‘);
$(‘.index‘).siblings(‘li‘).removeClass(‘atn‘);
}
});
// $(function(){
// $(".header .head_nav ul li").click(function(){
// $(".header .head_nav ul li").eq($(this).index()).addClass("cur").siblings().removeClass("cur");
//
// })
// });
</script>
非單頁模式下 修改頭部顯示效果