Как сохранить изменения jquery, сохраненные при смене страницы?

Question

Я использую следующий код, чтобы скользить мою навигацию по меню

$(document).ready(function(){ 
$("#flipnav").click(function(){ 
    $("nav").slideToggle("slow"); 
    }); 
}); 

, но на просмотр на другую страницу или обновить навигации обратно. но как сохранить это изменение, чтобы навигационная система оставалась скрытой до тех пор, пока пользователь не нажмет кнопку «показать навигацию снова» и останется такой же (скрытой) даже при просмотре на другую страницу?

Далее

if(sessionStorage["navigationMoved"]== "true"){ 

    $(document).ready(function(){ 
$("#flipnav").ready(function(){ 
    $("nav").slideToggle("slow"); 
    }); 
}); 

$(document).ready(function(){ 
$('#flipnav').toggle(function(){ 
    $('#content').animate({ 
    top:"0%" 
}); 
}, 

function(){ 
    $('#content').animate({ 
    top:"2%" 
    });  
}); 
}); 

} 

Answer 1

Вам нужно будет проверить, когда страница загружается и перезагружается действие. Вы можете использовать sessionStorage для сохранения информации во всех перезагрузках или изменениях.

Так

$(document).ready(function(){ 
$("#flipnav").click(function(){ 
    $("nav").slideToggle("slow"); 
    }); 
    sessionStorage["navigationMoved"] = true; 
}); 

, а затем, когда вы загружаете новую страницу, вы должны иметь код, который говорит

if(sessionStorage["navigationMoved"]){ 
    $(document).ready(function(){ 
     $("#flipnav").click(function(){ 
     $("nav").slideToggle("slow"); 
    }); 
    }); 
} 

При перезагрузке страницы он полностью повторно выводит сайт на основе на HTML/Javascript/CSS. Таким образом, он не «запоминает» предыдущее состояние, если вы явно не сохраняете и не проверяете информацию

Answer 2

Вы либо жёстко изменения в меню непосредственно в HTML для каждой страницы, или, если это не представляется возможным использовать кук или локальное хранилище, поскольку HTML является лицом без гражданства и does'nt помните изменения, сделанные вами после загрузки новой страницы.

EDIT:

Jeezes

Вы должны хранить кастрированный баран или нет меню видна на каждом slideToggle, а затем проверить, что значение на PageLoad для настройки меню соответственно

var isSet = localStorage.getItem('nav'); 
document.getElementsByTagName('nav')[0].style.display = isSet ? 'block' : 'none'; 

$(document).ready(function() { 
    $("#flipnav").click(function() { 
     $("nav").slideToggle("slow", function() { 
      localStorage.setItem('nav', $("nav").is(':visible')); 
     }); 
    }); 
}); 

Я использую localStorage, но sessionStorage является частью одного и того же API веб-хранилища HTML5, поэтому вы можете использовать это, если постоянство всего лишь сеанса - это то, что вы ищете.

Для старых браузеров MDN имеет полиполк, который возвращается к файлам cookie, поэтому вы можете последовательно использовать синтаксис веб-хранилища, не беспокоясь о неосуществимых браузерах.