0

嗨，我有一个由 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 插件，但到目前为止我还没有成功。

任何帮助将不胜感激。

干杯

4

2 回答 2

0

Within your wp_list_pages function you could add an "open" class to the page your on.

Then in your jQuery use .hasClass("open") to open then menu, otherwise close it.

于 2013-03-19T16:26:47.353 回答
0

默认情况下，wp_list_pages 函数的当前页面中添加了类，请参见此处http://codex.wordpress.org/Function_Reference/wp_list_pages#Menu_Item_CSS_Classes的类部分。因此，您也可以适当地使用这些类来设置导航样式。

于 2013-03-06T08:07:12.927 回答