模板继承中如何正确的高亮当前导航?(在线等...)
生活随笔
收集整理的這篇文章主要介紹了
模板继承中如何正确的高亮当前导航?(在线等...)
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
方法1,可以用js控制,在每個包含這個base的頁面中寫js,特意沒用ES6,方便你用。
方法2,用php。思路一樣,獲取當前請求的頁面的url,然后匹配路徑,不過php那一套都一年多不用了,忘記咋寫了。。。。
這個貌似屬于js控制的吧,而且樓主也做了nav導航了,thinkphp 當中用它的標簽 ,<include/>引入試試不知道行不行,因為它默認要跑入口文件 就包含 還真的需要用它的
加載頁面后,判斷下當前的url,是否是以header.html中的a標簽的href開頭,
例如當前url:xxx.com/home/xxxx => a href="xxx.com/home",匹配后添加class active高亮
PHP的話,url或者控制器方法都可以,也是判斷,高亮的話,配合js或者css都可以實現
方法2,用php。思路一樣,獲取當前請求的頁面的url,然后匹配路徑,不過php那一套都一年多不用了,忘記咋寫了。。。。
這個貌似屬于js控制的吧,而且樓主也做了nav導航了,thinkphp 當中用它的標簽 ,<include/>引入試試不知道行不行,因為它默認要跑入口文件 就包含 還真的需要用它的
加載頁面后,判斷下當前的url,是否是以header.html中的a標簽的href開頭,
例如當前url:xxx.com/home/xxxx => a href="xxx.com/home",匹配后添加class active高亮
PHP的話,url或者控制器方法都可以,也是判斷,高亮的話,配合js或者css都可以實現
總結
以上是生活随笔為你收集整理的模板继承中如何正确的高亮当前导航?(在线等...)的全部內容,希望文章能夠幫你解決所遇到的問題。