導航欄點選選中
//導航點選選中
$(document).ready(function () {
var lochref = $.trim(window.location.href).toLowerCase();
if (lochref.indexOf("/smart/") > -1) {
$(".nav__item--title").removeClass("current");
$(".nav__menu--wrap>li>a:eq(1)").addClass("current");
}
if (lochref.indexOf("/hz/home/index") > -1) {
$(".nav__item--title").removeClass("current");
$(".nav__menu--wrap>li>a:eq(0)").addClass("current");
}
if (lochref.indexOf("/hz/agent/default") > -1 || lochref.indexOf("/hz/activity/train/index") > -1 || lochref.indexOf("/hz/brandalliance/default/index") > -1) {
$(".nav__item--title").removeClass("current");
$(".nav__menu--wrap>li>a:eq(3)").addClass("current");
}
if (lochref.indexOf("/hz/activity") > -1) {
$(".nav__item--title").removeClass("current");
$(".nav__menu--wrap>li>a:eq(4)").addClass("current");
}
})
相關文章
- 點選導航欄使當前欄目背景變色
- 點選導航欄切換背景色效果
- CSS導航欄及下拉選單CSS
- 純CSS打造淘寶導航選單欄CSS
- PbootCMS導航選單-導航選單的使用教程boot
- XML文件節點導航與選擇指南XML
- svelte自定義元件|導航條Navbar及選單欄Tabbar元件tabBar
- 點選平滑下拉展開摺疊樹形導航選單
- Vue 導航 點選當前標題變色Vue
- CSS垂直導航選單CSS
- JavaScript實現HTML導航欄下拉選單[懸浮顯示]JavaScriptHTML
- ElementUI側邊欄導航選單隱藏顯示問題UI
- CSS 動態導航選單CSS
- 導航選單(動畫)--- jQuery動畫jQuery
- JavaScript 三級導航選單JavaScript
- JavaScript二級導航選單JavaScript
- Element-ui之導航選單UI
- JavaScript slide下拉導航選單效果JavaScriptIDE
- CSS多級導航選單效果CSS
- CSS垂直三級導航選單CSS
- [BUG反饋]為什麼左側選單欄和導航欄無緣無故消失了
- Flutter 導航欄AppBarFlutterAPP
- jQuery三級導航選單詳解jQuery
- 固定在頂部的導航選單
- vue元件之路之menu導航選單Vue元件
- 純css製作導航下拉選單CSS
- (四)選單導航及路由設定路由
- QTTabBar | 實現“此電腦”在命令欄直接點選 以及點選 新標籤頁加號(+)的時候預設導航到“此電腦”檢視QTtabBar
- 在PyQt中構建 Python 選單欄、選單和工具欄QTPython
- qml 導航欄TabBar 工具欄ToolBartabBar
- 直播系統程式碼,點選選擇欄,彈出各個選項
- bootstrap 選單導航選單nav li滑鼠移入hover下拉顯示boot
- PbootCMS導航選單標籤的小技巧boot
- BootstrapBlazor實戰 Menu 導航選單使用(2)bootBlazor
- BootstrapBlazor實戰 Menu 導航選單使用(1)bootBlazor
- CSS 可伸縮圓角導航選單CSS
- elementui NavMenu導航選單預設展開UI
- CSS學習案例(14):下拉導航選單CSS