$(function() {
var pgurl = window.location.href.substr(window.location.href
.lastIndexOf("/") + 1);
$("#nav ul li a").each(function() {
if ($(this).attr("href") == pgurl || $(this).attr("href") == '')
$(this).addClass("active");
});
});
Run Code Online (Sandbox Code Playgroud)
这是我用来将活动类放在li上的js。它工作正常,但是当我在下拉列表之类的排序中选择一个项目(孩子)时。它会得到一个活跃的课堂,但我也希望父母李也能得到一个活跃的课堂。
<%@include file="header.jsp"%>
<div id="nav">
<ul>
<li class="headerFont"><a href="index.jsp"><b>HOME</b></a></li>
<li class="headerFont"><a href="link.jsp"><b>HOW TO
DONATE</b></a></li>
<li class="headerFont"><a class="tangina" href="#"><b>DONATE</b></a>
<ul>
<li class="headerFont"><a href="link2.jsp"><b>DONATION
CENTER <img id="arrow" src="img/arrow.png" />
</b></a></li>
<li class="headerFont"><a href="link3.jsp"><b>HOW ELSE
CAN I DONATE? <img id="arrow" src="img/arrow.png" />
</b></a></li>
</ul></li>
<li class="headerFont"><a href="#"><b>GET DONORS</b></a></li>
<li class="headerFont"><a href="#"><b>ABOUT BLOOD</b></a>
<ul>
<li class="headerFont"><a href="Bfacts.jsp"><b>BLOOD
FACTS <img …Run Code Online (Sandbox Code Playgroud)