ページの動的ブートストラップ「アクティブ」選択

Question

ページが読み込まれたときにアクティブなナビゲーション項目を選択する必要があります。この問題は、ブートストラップフレームワーク内にあります。私はPhPでこれを行う方法を知っています。

私は複数のページを持ち、ナビゲーションをPhPインクルードにしたいと考えています。現在、各ページにナビゲーションコードのリンクが必要です。ユーザーが「About」を選択すると、About Nav項目がアクティブで動的に選択されます。私は、javascriptと "addClass"関数を使用したいと思います。

私はなど

、ハイレベルのJavaScript開発者ではないんだけど、いくつかの基本的な機能を行うことができます私が探してきたし、私の作品は何も見つかっていません。

テッド

Answer 1

おかげでだから私はあなたが求めているものを正確にわからないんだけど、私はあなたがそのURLがあるときJavascriptがナビゲーションバーリンクに.activeクラスを追加するとしますアクティブなもの。ウィンドウのURLを分析し、正しいタブに一致させるユーティリティ関数を作成することができます。例えば、

​​

これはちょうどすばやく汚れた例です。状態がより複雑になる場合、正規表現を使用する必要があります。