当前位置: 首页 > 编程笔记 >

JavaScript导航脚本判断当前导航

潘涵煦
2023-03-14
本文向大家介绍JavaScript导航脚本判断当前导航,包括了JavaScript导航脚本判断当前导航的使用技巧和注意事项,需要的朋友参考一下

废话不多说,直接给大家贴代码了。

<script>
$(function () {
//highlight current / active link 左侧导航判断当前活动导航
$('ul.main-menu li a').each(function () {
var wo = window.location.href.substring(window.location.href.lastIndexOf('/') + 1, window.location.href.lastIndexOf('.'));
if ($(this).attr('href') == (wo + ".html")) {
$(this).parent().addClass('active');
$(this).parents().addClass('active');
$(this).parents('li').find("i:first").toggleClass("glyphicon-minus");
$(this).parents('ul').slideDown();
}else
if (("dxs" == wo || "syd" == wo)&&($(this).attr('href')=="dbs.html")) {
$(this).parent().addClass('active');
$(this).parents().addClass('active');
$(this).parents('li').find("i:first").toggleClass("glyphicon-minus");
$(this).parents('ul').slideDown();
}
});
/*** begin 主页左侧菜单 */ 
$(".main-menu a").click(function () {
//将当前li设置为活动状态
$(this).find("i:first").toggleClass("glyphicon-minus");
});
$(".main-menu a").click(function () {
//更换其他导航的加减号图标
$(this).parent('li').siblings(".active").find("i:first").toggleClass("glyphicon-minus");
//alert($(this).index());
//去掉其他导航的点击样式并折叠
$(this).parent('li').siblings(".active").removeClass("active").children("ul").slideUp('fast');
$(this).next('ul').slideToggle('fast');
$(this).parent('li').addClass('active');
});
/************** end 主页左侧菜单 */
})
</script>

以上所述是小编给大家介绍的JavaScript导航脚本判断当前导航,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对小牛知识库网站的支持!

 类似资料:
  • 本文向大家介绍javascript 判断当前浏览器版本并判断ie版本,包括了javascript 判断当前浏览器版本并判断ie版本的使用技巧和注意事项,需要的朋友参考一下 javascript 判断当前浏览器版本并判断ie版本: 2、判断是什么类型浏览器 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 引用脚本的内容: /*判断当前win操作系统版本 By:Ansifa*/ SetCompressor /SOLID lzma XPStyle on OutFile "判断当前win操作系统.EXE" Name "判断当前win操作系统" Section ReadRegStr $1 HKLM "SOFTWARE\Microsoft\Windows NT\CurrentVersion" "Curre

  • 我遵循Android安装React导航的所有说明。 首先,“npm安装--Save React-Navigation”,“npm安装--Save React-Native-Gesture-Handler”。“react-native link react-native-gesture-handler”,最后,更新了我的 这是我得到的错误: 错误所在:在创建目录'd:\react Native pr

  • cmf_current_lang() 功能 判断当前的语言包,并返回语言包名 参数 无 返回 string 语言包名

  • sp_get_menu($id,$menu_root_ul_id,$filetpl,$foldertpl,$ul_class,$li_class,$menu_root_ul_class,$showlevel,$dropdown) 功能: 生成指定ID的导航 参数: $id:导航id $menu_root_ul_id:菜单根节点ul标签的id属性值 $filetpl:没有子菜单的菜单的html模

  • 本文向大家介绍JavaScript脚本判断蜘蛛来源的方法,包括了JavaScript脚本判断蜘蛛来源的方法的使用技巧和注意事项,需要的朋友参考一下 今天介绍的这个JS判断蜘蛛来源的方法脚本是写在body的onload里面的。即页面加载时进行判断。代码如下: 这个JS判断蜘蛛来源方法不太好用。特别是在需要判断更多蜘蛛来源时代码写起来比较麻烦。