模板繼承中如何正確的高亮當(dāng)前導(dǎo)航?(在線等...)?
類似于上面這種導(dǎo)航,我在thinkphp中利用其模板繼承的原理定義了一個(gè)base.html的文件,其中包含通用的header頭部、nav導(dǎo)航、footer底部,其它的html文件會(huì)繼承該base.html模板。
請(qǐng)問(wèn)我在訪問(wèn)其它頁(yè)面的時(shí)<愛尬聊_百科網(wǎng)>候如何高亮當(dāng)前頁(yè)面對(duì)應(yīng)的導(dǎo)航?
如上圖,當(dāng)我訪問(wèn)實(shí)戰(zhàn)頁(yè)面的時(shí)候,如何高亮當(dāng)前頁(yè)面對(duì)應(yīng)的導(dǎo)航,如果該導(dǎo)航為多級(jí)導(dǎo)航?
當(dāng)我訪問(wèn)對(duì)應(yīng)主導(dǎo)航的下級(jí)導(dǎo)航時(shí),如何正確的高亮對(duì)應(yīng)頁(yè)面的子導(dǎo)航上的主導(dǎo)航?
在線等,希望各位朋友能指點(diǎn)下疑惑。
天津小雜碎 20小時(shí)前
方法1,可以用js控制,在每個(gè)包含這個(gè)base的頁(yè)面中寫js,特意沒(méi)用ES6,方便你用。
辟邪之骨 19小時(shí)前
方法2,用php。思路一樣,獲取當(dāng)前請(qǐng)求的頁(yè)面的url,然后匹配路徑,不過(guò)php那一套都一年多不用了,忘記咋寫了。。。。
M31****042 19小時(shí)前
這個(gè)貌似屬于js控制的吧,而且樓主也做了nav導(dǎo)航了,thinkphp 當(dāng)中用它的標(biāo)簽 ,<include/>引入試試不知道行不行,因?yàn)樗J(rèn)要跑入口文件 就包含 還真的需要用它的
玄木霖離弦的歌離弦的歌離弦的歌 19小時(shí)前
加載頁(yè)面后,判斷下當(dāng)前的url
,是否是以header.html
中的a
標(biāo)簽的href
開頭,
jerryajax 19小時(shí)前
例如當(dāng)前url:xxx.com/home/xxxx => a href="xxx.com/home"
,匹配后添加class active
高亮
ty_123411537 19小時(shí)前
PHP的話,url或者控制器方法都可以,也是判斷,高亮的話,配合js或者css都可以實(shí)現(xiàn)