1. 程式人生 > >利用cookie,實現刷新頁面跳轉,左側菜單點擊後狀態保持不變。

利用cookie,實現刷新頁面跳轉,左側菜單點擊後狀態保持不變。

coo spl 失效 不變 find sco a標簽 左側菜單 cookie

是一個後臺關系系統,後臺是phyton,後臺把左側菜單都是利用a標簽進行跳轉,導致菜單點擊狀態在頁面刷新後失效,用戶體驗不好,被要求改掉。

查了一些資料。利用cookie終於搞定了這個大問題。主要利用 cookie記錄存值。

代碼貼上去,以防忘掉


$(".nav-item li a").click(function(){
$.cookie("navstation", $(this).html(), { path: "/" });
});


var navstation = $.cookie("navstation");
if(navstation != null){
$(".nav-item li a").each(function(){
if($(this).html() == navstation){
$(this).parents(‘.nav-item‘).css("display","block");
$(this).addClass("current");
}


});
}

$(‘.cookieli‘).click(function(){
var index=$(this).index();
var iscookie=$(‘.cookieli‘).eq(index).find(‘.cookie-nav‘).css(‘display‘);
if(iscookie=="block"){
$(‘.cookieli‘).eq(index).find(‘.cookie-nav‘).css("display","none");
}else if(iscookie=="none"){
$(‘.cookieli‘).eq(index).find(‘.cookie-nav‘).css("display","block");
}
})

利用cookie,實現刷新頁面跳轉,左側菜單點擊後狀態保持不變。