0

これまでのところ、必要に応じて線形メニュー表示を変更しましたが、ページの読み込み時に特定のページに関連するメニューを表示する方法が見つからない、つまりアクティブを追加したい場合を除いて、問題はありませんでした。li親メニューのショーthouseサブメニューに基づいて状態を示します。

ユーザーがAbout Usリンクをクリックすると、デフォルトでこのためのメニューが表示されるはずです。

これがjsFiddleの私の例です

私の質問は読者を混乱させます、私はページの特定のページのメニューを表示する必要がありますロードのjqueryの助けを借りてサブメニューを表示できるようにcssにどのような変更を加える必要がありますか？

私はいくつかのことを試みましたが、全体を台無しにしてしまいました。

4

1 に答える 1

2

サブメニューの順序付けられていないリストではなく、現在表示されているページであるリスト要素に .active クラスを追加します（意味的には、サブメニューではなくアクティブなページであるため）。したがって、マークアップで <li class="active"><span class="dir"><a href="ultimate.linear-active.html">About Us</a></span> ....は、スタイルシートに次のように追加します

li.active > ul {
  visibility: visible;
}

次に、 を使用して、現在のページ タブに応じてスタイルを設定できますli.active。

于 2012-12-31T13:40:55.957 に答える