節能狀態頁面重載

後，我有樹狀菜單，在這裏我想重新加載頁面後，記住它的狀態。重新加載頁面我使用angularJS函數$ state.reload（）;節能狀態頁面重載

我不知道我應該使用jQuery來收集關於菜單的當前狀態，餅乾和保存它，或者也許有收集有關採用了棱角分明的當前狀態數據的方式。

任何意見和建議，將高度讚賞。

這裏是我的HTML

<nav class="side-nav" id="menu"> 
<ul> 
    <li class="side-nav-item"> 
     <a href="/index"> 
      <i class="nav-item-icon icon ion-ios7-navigate-outline"></i> 
      Main page 
     </a> 
    </li> 
    <li class="side-nav-item collapsable"> 
     <a href="javascript:void(0);"> 
      <i class="nav-item-icon icon icon ion-chevron-right"></i> 
      1. subitem 
     </a> 
     <ul style="display:none;"> 
      <li class="side-nav-item"> 
       <a ui-sref=".countiesandtowns"> 
        <i class="nav-item-icon icon ion-clipboard"></i> 
        2. subitem 
       </a> 
      </li> 
     </ul> 
    </li> 
</ul>

這裏是JQuery的我使用

$(function() { 
$(document).ready(function() { 
    $("#menu").treeview({ 
     toggle: function() { 
      var element = $(this).find(">a>i"); 

      if (element) { 
       var rightElement = element.hasClass("ion-chevron-right"); 
       var downElement = element.hasClass("ion-chevron-down"); 

       element.removeClass("ion-chevron-right"); 
       element.removeClass("ion-chevron-down"); 

       if (rightElement) 
        element.addClass("ion-chevron-down"); 
       if (downElement) 
        element.addClass("ion-chevron-right"); 
      } 
     } 
    }); 
});});

來源

2015-08-28 noob123

這聽起來像餅乾是你想要的這裏。看看這個W3C spec on cookies，不需要jQuery！

一旦保存Cookie，就會重新加載頁面只是檢查Cookie的狀態，顯示基於該

來源

2015-08-28 22:26:43 Alex

謝謝你的迴應。我設法解決這個問題的海灣加入 '$（「＃菜單」）樹狀（{ 堅持：「餅乾」，崩潰：真實，控制：「#treecontrol」，' 我的樹視圖插件。 – noob123

菜單我覺得你最好的選擇將是考慮使用window.localStorage用一個cookie回退。事實上，如果你正在使用angular，你甚至可以考慮使用angular-local-storage由此可以看出here。

angular-local-storage爲您提供cookie後備，但這並不難實現，只需要檢查是否定義了window.localStorage。

希望幫助你！

來源

2015-08-28 22:31:18 jh3y

節能狀態頁面重載

回答

相關問題