問題:網站中模板的超鏈接菜單點擊到不同的頁面后,添加選中的樣式,同類元素刪除選中樣式

解決:

HTML:如

<li><span><i class="icon1"></i><a href="/Home/Announcement">通知公告</a> </span></li>
<li><span><i class="icon1"></i><a href="/Home/ClassActivity">班級活動</a> </span></li>
<li><span><i class="icon1"></i><a href="/Home/HallOfFame">光榮榜</a></span></li>
<li><span><i class="icon1"></i><a href="/Home/DisciplinesFeedback">學科反饋</a></span></li>
<li><span><i class="icon1"></i><a href="/Home/Memorandum">備忘錄</a></span></li>
<li><span><i class="icon1"></i><a href="/Teacher/Announcement">通知公告</a> </span></li>
<li><span><i class="icon1"></i><a href="/Teacher/ClassActivity">班級活動</a> </span></li>
<li><span><i class="icon1"></i><a href="/Teacher/HallOfFame">光榮榜</a></span></li>

<li><span><i class="icon1"></i><a href="/Teacher/DisciplinesFeedback">學科反饋</a></span></li>
<li><span><i class="icon1"></i><a href="/Teacher/Memorandum">備忘錄</a></span></li>

這是鏈接到不通的頁面,每個頁面選中后添加選中樣式 "on"

Jquery:

$(function () {
??? var menus = $("#lnav").children().find("a");
??? var hturl = window.location.href;
??? $.each(menus, function (index, item) {
??????? var url = $(item).attr("href");
??????? var len = url.indexOf("/"); //控制器名稱
??????? var lastlen = url.lastIndexOf("/"); //方法名稱
??????? if (len >= 0) {
??????????? var t = url.substr(len, lastlen - 1); //獲取的控制器名稱
??????????? var action = url.substr(len);?? //a標簽的跳轉鏈接
??????????? var hlen = hturl.indexOf(t);??? //瀏覽器地址是不是有控制器名稱
??????????? if (hlen >= 0) {
??????????????? var haction = hturl.substr(hlen);//瀏覽器地址的跳轉鏈接
??????????????? if (action == haction) {
??????????????????? $(item).parents("li").addClass("on").siblings().removeClass("on");
??????????????? }
??????????? }
??????? }
??? });
});

轉載于:https://www.cnblogs.com/Fyhong/archive/2013/04/08/3008332.html

總結

以上是生活随笔為你收集整理的jquery 控制模板菜单样式的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。