Defina o cookie para salvar o status do menu da árvore e releia o cookie quando a página carregar.
A estrutura HTML do menu:
<div> <ul> <li> <a href = "#" id = "teremenu_a_1"> menu de primeiro nível 1 </a> <div id = "submenu_1"> <ul> <li> <a href = "subpage/a.html" od = "submenu_a_1_1_1"> segundos-lhevel 1 <html "=" Submenu_a_1_1_1 "> Second-Level 1 href = "Subpage/b.html" id = "submenu_a_1_2"> menu do segundo nível 2 </a> </li> <li> 4 </a> </li> <li> <a href = "#" id = "submenu_a_1_5"> menu de segundo nível 5 </a> </li> </ul> </div> <li> <a href = "#" id = "Treemenu_a_a_2"> primeiro-li> </a> href = "#" id = "submenu_a_2_1"> menu de segundo nível 1 </a> </li> <li> <a href = "#" id = "submenu_a_2_1_1"> Menu do segundo nível 1 </a> </li> <li> <a href = "" "- = = = " 1</a></li><li><a href="#" id="submenu_a_2_1_2">Second-level menu 2</a></li><li><a href="#" id="submenu_a_2_1_3">Level 3 Menu 3</a><div id="submenu_2_1_3"><ul><li><a href="#" id = "submenu_a_2_1_3_1"> Nível 4 menu 1 </a> </li> <li> <a href = "#" id = "submenu_a_2_1_3_2"> nível 4 menu 2 </a> </li> <li> <a href = "#" id = "submen_a_2_2 3 </a> </li> </ul> </div> </li> <li> <a href = "#" id = "submenu_a_2_2"> Menu do segundo nível 2 </a> </li> <li> <a href = "#" id = "submenu_a_2_3"> <li> id = "submenu_a_2_4"> menu de segundo nível 4 </a> </li> <li> <a href = "#" id = "submenu_a_2_5"> Menu do segundo nível 5 </a> </li> </ul> </li> <li> <a href = "#" "=" the Treemen_a_a </ul> </li> <li> <a href = "#" "" "the Treemen_a_a </ul> </li> <li> <a href ="#"" "" the Treemen_a </ul> </li> <li> <a href = "#" "" "the Treemen_a </ul> </li> <li> <a href ="#"" = "the Treemen_a_a" id = "submenu_3"> <ul> <li> <a href = "#" id = "submenu_a_3_1"> menu do segundo nível 1 </a> </li> <li> <a href = "#" id = "submenu_a_3_2"> menu de segundo nível 2 </a> id = "submenu_a_3_3"> menu de segundo nível 3 </a> </li> <li> <a href = "#" id = "submenu_a_3_4"> menu de segundo nível 4 </a> </li> <li> <a href = "#" id = "submenu_a_3_5">. 5 </a> </li> </ul> </div> </li> </ul> </div>
Leia a aula de ferramentas de cookie:
// classe de ferramenta de cookie var cookietool = {// leia cookiegetcookie: function (c_name) {if (document.cookie.length> 0) {c_start = document.cookie.indexof (c_name + "="); if (c_start! document.cookie.indexof (";", c_start); if (c_end == -1) {c_end = document.cookie.length;} retorna unescape (document.cookie.substring (c_start, c_end));}} "; Date (); exdate.setDate (exdate.getDate () + expire); // Defina a data document.cookie = c_name + "=" + escape (valor) + ((expireys == null)? "": "; Expires =" + exdate.togmtString ());}, // excluir cookiedelcookie: function) {var exdate = new (); // Document.cookie de ontem = c_name + "=; expires =" + exdate.togmtString ();}};Ligação do evento de menu:
// Menu Event Binding $ ('. Treemenu A'). Bind ('clique', function () {var $ this = $ (this); var id = $ this.attr ('id'); var $ submenu = $ this.next ('. 0? Cookietool.getCookie (id); $ ('. Treemenu'). Find ('. cookietool.delcookie ($ (this) .attr ('id'));Redefinir o menu quando a página carregar
// A página carrega cookies de leitura $ ('. ($ this.Next ('. submenu'). Comprimento> 0) {$ this.Next ('. submenu').Demoção completa:
【JavaScript】 Atualize o menu de árvore inalterado (menu de vários níveis) .zip
Nota: O console Chrome local não consegue ler cookies e precisa ser testado no ambiente do Firefox/IE