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

基本的に、リンクがクリックされたときに「open」のクラスを追加し、そのクラスでアニメーション化するだけです。私がする必要があるのは、使用済みが新しいページに移動したときに、どのアイテムが「オープン」クラスを持っているかを覚えておくことだけです。最善の解決策は、私が試した jquery cookie プラグインを使用することだと思いますが、これまでのところ成功していません。

どんな助けでも大歓迎です。

乾杯

4

2 に答える 2

0

wp_list_pages 関数の現在のページにデフォルトで追加されるクラスがあります。クラス セクションのhttp://codex.wordpress.org/Function_Reference/wp_list_pages#Menu_Item_CSS_Classesを参照してください。したがって、おそらくこのクラスを使用して、ナビゲーションのスタイルを設定することもできます。

于 2013-03-06T08:07:12.927 に答える
0

wp_list_pages 関数内で、「オープン」クラスをページに追加できます。

次に、jQuery で .hasClass("open") を使用してメニューを開き、それ以外の場合は閉じます。

于 2013-03-19T16:26:47.353 に答える