在项目中运用到的导航高亮

不废话,直接贴代码,毕竟是简单的导航高亮,几乎所有人都能看懂

(function($, w, d) {
    function nav(name, className) {
        var url = window.location.pathname + window.location.search;  //获取URL路径地址与URL Get传参之后的地址
        var v1 = "";
        if (url.indexOf("About/media") != -1) {//判断URL中是否存在about/media,主要用于判断media列表下的分页
            $("li").removeClass(className);//首先删除传递过来的Class
            $(".nav-li").eq(5).addClass(className).find("ul li").eq(1).addClass(className);//给予已知li静态增加类名
        }
        $(name).each(function() {//循环传递过来的元素
            v1 = "" + $(this).attr("href");//此处原先写法为   v1 = "/"+$(this).attr("href");用于判断动态URL
            if (v1 == url) {//如果传递过来的元素的href与接收的url对等则进行以下判断
                var v2 = $(this).parent().addClass(className);//将元素的父级元素li赋值传递过来的Class,并且保存[该元素为a]
                if ($(this).parent().parent()) {//判断该元素的其上一级导航是否存在
                    var v2 = $(this).parent().parent().parent().addClass(className);//如果存在则给予其一级导航元素增加Class
                }
            }
        })
    }
    window.onload = function() { //内部传值
        nav(".nav-body li a", "selected");
    }
})(jQuery, window, document)

如果作为新入门的同志有一些看不懂的属性,可以自行百度

时间: 2024-10-17 15:19:54

在项目中运用到的导航高亮的相关文章

ASP.NET MVC 在项目中使用面包屑导航

给框架添加一个面包屑导航 1.创建一个类 using System; using System.Collections.Generic; using System.Linq; using System.Text; namespace SAS.Model.AdminCommon { public class BreadCrumbsModel { public BreadCrumbsModel() { BreadCrumbList = new List<BreadCrumbModel>(); }

《AndroidStudio每日一贴》9. 如何使用导航栏快速切换项目中的视图?

<AndroidStudio每日一贴>9. 如何使用导航栏快速切换项目中的视图? 操作方法: 导航栏可以快速切换项目中的视图显示. 使用command + 向上键头显示导航栏,然后使用方向键来定位你要查看的文件或文件夹. 更多实用技巧请查看<AndroidStudio实用指南> 博客: http://blog.csdn.net/wirelessqa 作者: 老毕 版权声明:本文为博主原创文章,未经博主允许不得转载.

vue项目中遇到的那些事。

前言 有好几天没更新文章了.这段实际忙着做了一个vue的项目,从 19 天前开始,到今天刚好 20 天,独立完成. 做vue项目做这个项目一方面能为工作做一些准备,一方面也精进一下技术. 技术栈:vue2 + vuex + vue-router + webpack + ES6/7 + element-ui + vue-baidu-map + i18n + vue-awesome-swiper 做项目时总是有一些思考和踩过的坑,对以后有一定的帮助,今天就来写写做vue项目遇到的那些事. 假如你正准

如何从项目中移除storyboards

我不想在超过4-5屏的项目中使用storyboards,当我新建一个项目时,我通常按照下面的步骤操作. 我不想谈论storyboards本身的问题,如果你对这个话题感兴趣,推荐读这篇文章. 在本文中我们将从Single View Application模板中移除storyboard,并使用导航栈来储存不限数量的视图控制器,然后模态化的显示视图页面. 创建新项目 创建一个新项目并选择Single View Application模板.将其命名为NoStoryboards并选择Swift作为编程语言

【WEB API项目实战干货系列】- 导航篇(十足干货分享)

小分享:我有几张阿里云优惠券,用券购买或者升级阿里云相应产品最多可以优惠五折!领券地址:https://promotion.aliyun.com/ntms/act/ambassador/sharetouser.html?userCode=ohmepe03 在今天移动互联网的时代,作为攻城师的我们,谁不想着只写一套API就可以让我们的Web, Android APP, IOS APP, iPad APP, Hybired APP, H5 Web共用共同的逻辑呢? [WEB API项目实战干货系列]

如何在程序开发项目中选择合适的 JavaScript 框架,节省时间和成本的9款极佳的JavaScript框架介绍

从技术上来看,iOS,Android 和 Windows Phone 上的移动应用是使用不同的程序语言开发的,iOS 应用使用 Objective-C,Android 应用使用 Java,而 Windows Phone 应用使用 .NET. .随着 JavaScript,CSS 和 HTML 知识技能的提升,相信你也可以构建一个超赞的移动应用.在这篇博客里,我们将会介绍一些极好的 JavaScript 移动应用程序开发框架. 说到网络开发,就不得不说 JavaScript,这是一款很有前途的程序

项目总结二:关于项目中一些功能的优化

前言: 最近一直在维护老的项目,遇到的问题也千奇百怪,需要修补的,需要优化的,需要特殊处理的,感觉总是那么的无语.也许这时候也应该感叹一句:路漫漫其修远兮,吾将上下而求索吧. 这篇文章就只是讲讲老项目中遇到的种种不敢苟同的代码写法,以及遇到一些问题时的处理方法. 1.关于按钮事件的重复点击问题 我们开发中大概都经历过这样的事情,我的一个button被重复的快速点击,(我们开发者应该更清楚的知道这意味着什么).那我们再深入的想一下(给这样的事件安排一个特定的环境):例如当网络较差的情况下,再例如当

项目中如何使用EF

本文将在技术层面挑战园子里的权威大牛们,言语不敬之处敬请包涵.本文旨为技术交流,欢迎拍砖. 园子里面分享和推荐Entity Framework(以下简称EF)的Repository(仓储)设计模式的文章真不少,其中还有很多大牛很详细描述怎么去实现.但是这些文章真是害人不浅.我现在想问问这些大牛们,你们现在的项目真的还在这样用吗? 下面是在找找看里面随便挑的几篇,如果你从未了解过EF Repository,你可以看看: 分享基于Entity Framework的Repository模式设计(附源码

java项目中可能会使用到的jar包解释

一.Struts2 用的版本是struts2.3.1.1 一个简单的Struts项目所需的jar包有如下8个 1. struts2-core-2.3.1.1.jar: Struts2的核心类库. 2. xwork-core-2.3.1.1.jar: XWork核心类,XWork是一个标准的command模式实现,并且完全从web层剥离出来.WebWork被构建在Xwork上,而Struts2由Struts1和WebWork两个经典的MVC框架发展而来. 3. ognl-3.0.3.jar: 支持