NAVの今いるページだけ特別な背景色に変えたい!!!

 

そんな時に用いたのがjQueryの

 

Location

 

です。

 

See the Pen mddaLGJ by Shogo Ishida (@shogo-ishida) on CodePen.

 

このCodepenでは色が変わっていないのですが

 

本来なら赤色になってるはずです。

 

$(location).attr('pathname')

 

でそのページのドメイン以下のパスを取得できます

 

 

それ以降そのnavの数に応じて条件分岐させてあげればOKです!

 

 

Vueで実装したかった。。。。

開発の時間がある時VueROuter導入して実装してみたい!!!!

 

おすすめの記事