我試圖在cookie中存儲頁面上某個元素的狀態,更準確地說是一個側欄的展開或收縮狀態。爲什麼cookie存儲兩次?
我已經設法正確地存儲它,它的工作原理,但我注意到,如果我刷新頁面並從擴展或收縮狀態切換邊欄,還會添加第二個cookie,但名稱相同,但一個新的價值。
這裏是日誌輸出什麼:
expanded=false; expanded=true; PHPSESSID=2314324545
我需要的cookie,這樣如果用戶想要去另一個頁面上,他能看到的邊欄,他離開它的前一頁的方式。現在如果我有兩個同名的cookie,當我檢查它的值時,這會產生一個問題。
下面是我已經實現了它:
$('.expand-button').on('click', function(e) {
$('.pushmenu').toggleClass('expanded');
$('.navbar-left').toggleClass('expanded');
$('.navbar-left-2').toggleClass('small')
if($(window).width()+scrollbarWidth > 1240){
$('.container.fluid-content').toggleClass('shrinked')
}
if($('.pushmenu').hasClass('expanded')) {
expandedValue = true;
document.cookie = 'expanded=' + expandedValue;
console.log(document.cookie);
} else {
expandedValue = false;
document.cookie = 'expanded=' + expandedValue;
console.log(document.cookie);
}
})
$(window).on('load', function() {
//cookie is already set
console.log(document.cookie);
if(document.cookie.indexOf('expanded=true') != -1) {
$('.pushmenu').toggleClass('expanded');
$('.navbar-left').toggleClass('expanded');
$('.navbar-left-2').toggleClass('small')
if($(window).width()+scrollbarWidth > 1240){
$('.container.fluid-content').toggleClass('shrinked')
}
} else {
console.log('not doing anything');
}
})
是什麼讓你覺得你有兩個同名的餅乾? –
此日誌到控制檯:https:// db。tt/EZfgwN1G – Radu
這屬於你的問題*(作爲複製粘貼的文本,絕對不是**作爲鏈接到Dropbox圖片)。 –