AceAdmin 菜单定位
这段代码是关于Ace Admin后台模版的,它通过JavaScript根据URL来判断显示哪块内容。具体来说,它首先获取URL的路径部分和查询参数部分,然后遍历所有的链接,如果链接的href属性与当前URL的路径部分相同,那么就给这个链接添加一个"active open"的类名,表示这个链接是打开的并且是活动的。

后台模版来自:Ace Admin

http://ace.jeka.by/form-elements.html

左侧菜单,通过js根据url来判断显示哪块

window.location.pathname: 代表URL 的路径部分(就是文件地址) 本例返回值:/Company/AddOrEditCompany

window.location.search: 代表查询(参数)部分 除了给动态语言赋值以外,我们同样可以给静态页面,并使用javascript来获得相信应的参数值 本例返回值:?id=6

Js代码如下:

var pathname = window.location.pathname + window.location.search;

$(".nav li a").each(function() {

  var href = $(this).attr("href");

  if(pathname ==  href){

    $(this).parents("ul").parent("li").addClass("active open");

    $(this).parent("li").addClass("active");

  }

});
咻兔哔
咻兔哔·2020年1月17日

本文采用 CC BY-NC-SA 4.0 许可协议,转载请注明出处

推荐文章

上传视频或音乐时获取时长信息
前端技术

上传视频或音乐时获取时长信息

在这篇文章中,我们介绍了如何使用JavaScript来获取上传视频或音乐的时长信息。首先,我们使用`URL.createObjectURL()`方法创建一个表示文件或Blob对象的URL,然后通过监听`loadedmetadata`事件来获取音频或视频的元数据,包括时长。对于音乐,我们还尝试了使用`Audio`对象来获取时长。这种方法简单且高效,特别适用于处理文件类型的数据。

11月20日6
一大波正则验证来袭请接收
前端技术

一大波正则验证来袭请接收

本文介绍了一些常用的表单验证工具,包括any-rule、JS开发技巧、火车车次、手机机身码、必须带端口号的网址、网址(支持端口和"?"+参数)、统一社会信用代码、迅雷链接、ed2k链接、磁力链接、子网掩码、linux文件夹路径、linux文件路径、window文件夹路径、window下文件路径、股票代码(A股)以及大于等于0, 小于等于150, 支持小数位出现5, 如145.5, 用于判断考卷分数。这些工具可以帮助开发者在网页中进行有效的表单验证,提高用户体验。

3月16日2
仿小说APP滑动翻页效果实现
前端技术

仿小说APP滑动翻页效果实现

这段代码是一个使用CSS3实现的左右滑动翻页效果,主要利用了`transform: translateX(0px)`和`transform: translateX(125px)`两个属性来实现左右滑动的效果。具体来说,当页面滚动到左边时,`transform`属性设置为`translateX(0px)`,使左边的内容显示出来;当页面滚动到右边时,`transform`属性设置为`translateX(125px)`,使右边的内容显示出来。需要注意的是,这个效果需要在支持CSS3的浏览器中才能正常显示,例如Chrome、Firefox等。同时,由于使用了JavaScript控制滚动条的位置,所以在实际使用时可能需要配合其他代码来实现具体的功能。

3月10日1