记住树导航状态与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插件，但到目前为止我还没有成功。

任何帮助将不胜感激。

干杯

菜单后面是否有任何服务器端处理？ – 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。所以你可以合理地使用这个类来设计你的导航风格。

嗨。感谢您的回答，但造型不是问题。我正在使用Jquery的类来扩展WordPress创建的嵌套列表，并且我想在导航到新页面时维护状态。 – russp1980 2013-03-19 16:15:39

我刚才建议你使用相同类的Wordpress用来扩展你的列表。我想，在导航Wordpress之后，它将自己的类设置为菜单来指示当前状态。 – xpy 2013-03-19 16:20:57

答

在您的wp_list_pages函数中，您可以为您的页面添加一个“打开”类。

然后在你的jQuery中使用.hasClass（“open”）打开然后菜单，否则关闭它。

记住树导航状态与jQuery饼干

相关推荐