最近在学习nodejs制作一个简单的个人网站,模版用的ejs,但是有一个疑问,就是页面公用的导航栏,怎么实现点击跳转后当前栏目变色呢?
请求各位老司机提供一下思路,可能是新手,还没转换过来思维,麻烦解答。谢谢各位!
PHP中文网2017-04-17 15:50:55
たとえば、私が使用する EJS テンプレート:
リーリークラス内のメソッドを呼び出し、リンク アドレスを渡します。目的は、active などのカスタム選択効果を現在のクラスに追加することです。
app.js 内:
リーリーcommon.js:
リーリー黄舟2017-04-17 15:50:55
css クラスで解決できます。css で現在のクラスを作成します
リーリージャンプをクリックした後、変更する列のクラス名を current に設定します
阿神2017-04-17 15:50:55
アイデアをください。ナビゲーション バーの初期化関数にパラメーターを渡し、このパラメーターで他のメニューを区別することができます。そのメニューの色を変更します
リーリー怪我咯2017-04-17 15:50:55
CSSを設定するためにパラメータを渡すことも考えましたが、同様の機能を備えたWebサイトのURLでこのパラメータを見たことがありません。
おそらく COOKIE を使用できます。ナビゲーション リンクをクリックすると、その列に COOKIE 値が設定され、この値に基づいてナビゲーション バーの現在の列リンクが強調表示されます。
まだ洗練されていないように感じますが、他の方法を待ちます。