最近在学习nodejs制作一个简单的个人网站，模版用的ejs，但是有一个疑问，就是页面公用的导航栏，怎么实现点击跳转后当前栏目变色呢？请求各位老司机提供一下思路，可能是新手，还没转换过来思维，麻烦解答。谢谢各位！
业精于勤，荒于嬉;行成于思，毁于随。
たとえば、私が使用する EJS テンプレート:
クラス内のメソッドを呼び出し、リンク アドレスを渡します。目的は、active などのカスタム選択効果を現在のクラスに追加することです。
app.js 内:
common.js:
css クラスで解決できます。css で現在のクラスを作成します
ジャンプをクリックした後、変更する列のクラス名を current に設定します
アイデアをください。ナビゲーション バーの初期化関数にパラメーターを渡し、このパラメーターで他のメニューを区別することができます。そのメニューの色を変更します
CSSを設定するためにパラメータを渡すことも考えましたが、同様の機能を備えたWebサイトのURLでこのパラメータを見たことがありません。
おそらく COOKIE を使用できます。ナビゲーション リンクをクリックすると、その列に COOKIE 値が設定され、この値に基づいてナビゲーション バーの現在の列リンクが強調表示されます。
まだ洗練されていないように感じますが、他の方法を待ちます。
これはブレッドクラム関数と呼ばれ、antd には同様のコンポーネント https://ant.design/components...
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
たとえば、私が使用する EJS テンプレート:
リーリークラス内のメソッドを呼び出し、リンク アドレスを渡します。目的は、active などのカスタム選択効果を現在のクラスに追加することです。
app.js 内:
リーリーcommon.js:
リーリーcss クラスで解決できます。css で現在のクラスを作成します
リーリージャンプをクリックした後、変更する列のクラス名を current に設定します
アイデアをください。ナビゲーション バーの初期化関数にパラメーターを渡し、このパラメーターで他のメニューを区別することができます。そのメニューの色を変更します
リーリーCSSを設定するためにパラメータを渡すことも考えましたが、同様の機能を備えたWebサイトのURLでこのパラメータを見たことがありません。
おそらく COOKIE を使用できます。ナビゲーション リンクをクリックすると、その列に COOKIE 値が設定され、この値に基づいてナビゲーション バーの現在の列リンクが強調表示されます。
まだ洗練されていないように感じますが、他の方法を待ちます。
これはブレッドクラム関数と呼ばれ、antd には同様のコンポーネント https://ant.design/components...