水平ナビゲーション バーのアクティブ/現在のリンクの背景色が異なります。リンクがクリックされ、その特定のページが開かれると、(「ホームページ」リンクのように) 別の色が表示されるはずですが、そうはなりません。
助けてください。私は自分自身を明確に説明したことを願っています。サイトは次のとおりです。http://www.successrealization.com
私が望むものの例: - 私の別のサイトhttp://healthsewa.org/my-site/portfolio.htmlの 1 つで、私が望むように適切に行われています。方法がわかりません。コードはほぼ同じです。
あなたが探しているのは、ページがどの「タブ」にあるかを検出する方法だと思います。それは実際には魔法のようには起こりません。クリックしたタブを何らかの方法で保存して、選択したタブをポストバックし、現在またはアクティブに設定する必要があります。
最新のブラウザーだけが心配な場合は、localStorage を使用してこれを行うことができます。これは、Cookie を使用して行うこともできます。
localStorage で変数を設定する例を次に示します。
localStorage.setItem('tab', 'set ur tab index etc here');
タブがクリックされたときに上記のことを行います。ページの読み込み時に、逆にタブ インデックスを取得します。
localStorage.getItem('tab');
jQueryまたはjsを使用して、設定/取得したこのインデックスに基づいてタブをアクティブに設定します。
編集: jsfiddle をセットアップします。必要に応じて例を完成させます。
ホームの現在のクラスを削除し、クリックしたタブの現在のクラスを追加できます。Aboutをクリックしたときのように---> そのアンカータグに現在のクラスを追加し、ホーム---> アンカータグから現在のクラスを削除します。
addClass および removeClass メソッドを使用して、クラスを動的に追加および削除できます。