記住樹導航狀態與jQuery餅乾

嗨我有一個基本的可擴展樹導航是由jQuery驅動。我希望能夠在用戶導航到新頁面時記住菜單的狀態，因爲此時它將摺疊回原來的關閉狀態。這裏是我的樹導航的jQuery：記住樹導航狀態與jQuery餅乾

$(document).ready(function() { 

$('ul li.parent').children('.closed').addClass('expand'); 

$(".tree_nav li a.expand").toggle(   

     function() { // START FIRST CLICK FUNCTION 
      $(this).siblings('ul').slideDown() 
      if ($(this).hasClass('closed')) { 
       $(this).removeClass('closed').addClass('open'); 
      } 
     }, // END FIRST CLICK FUNCTION 

     function() { // START SECOND CLICK FUNCTION 
      $(this).siblings('ul').slideUp() 

      if ($(this).hasClass('open')) { 
       $(this).removeClass('open').addClass('closed'); 
      } 
     } // END SECOND CLICK FUNCTIOn 
); // END TOGGLE FUNCTION 
}); // END DOCUMENT READY

基本上我只是增加一類的「開放」時，點擊，動畫這個類的一個鏈接。我需要做的就是記住當使用導航到新頁面時哪些項目具有「打開」類。我相信最好的解決方案是使用我已經玩過的jQuery cookie插件，但到目前爲止我還沒有成功。

任何幫助將不勝感激。

乾杯

來源

2013-03-05 russp1980

菜單後面是否有任何服務器端處理？ – xpy 2013-03-05 15:22:49

是的，它只是一個Wordpress wp_list_pages函數，它列出了嵌套列表中的自定義帖子類型的所有頁面。謝謝。 – russp1980 2013-03-05 15:58:31

有默認添加爲wp_list_pages函數當前頁面類，請參閱類部分在這裏http://codex.wordpress.org/Function_Reference/wp_list_pages#Menu_Item_CSS_Classes。所以你可以合理地使用這個類來設計你的導航風格。

來源

2013-03-06 08:07:12 xpy

嗨。感謝您的回答，但造型不是問題。我正在使用Jquery的類來擴展WordPress創建的嵌套列表，並且我想在導航到新頁面時維護狀態。 – russp1980 2013-03-19 16:15:39

我剛纔建議你使用相同類的Wordpress用來擴展你的列表。我想，在導航Wordpress之後，它將自己的類設置爲菜單來指示當前狀態。 – xpy 2013-03-19 16:20:57

在您的wp_list_pages函數中，您可以爲您的頁面添加一個「打開」類。

然後在你的jQuery中使用.hasClass（「open」）打開然後菜單，否則關閉它。

來源

2013-03-19 16:26:47 Martin

記住樹導航狀態與jQuery餅乾

回答

相關問題