如何突出活动页面的母版菜单? [英] How to highlight active page in a masterpage menu?
本文介绍了如何突出活动页面的母版菜单?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我有一个内部的菜单中母版
(在ASP.NET网站),我要强调的母版菜单和子菜单活动页面。
I have a menu inside a masterpage
(in a ASP.NET Web site), and i want to highlight active page in masterpage menu and submenus.
HTML
<ul id="nav" class="sf-menu">
<li class="current-menu-item"><a href="index.html">Home</a></li>
<li><a href="page.html">menu-2</a>
<ul>
<li><a href="page-full.html">full</a></li>
<li><a href="page-features.html">featurs</a></li>
<li><a href="page-typography.html">typography</a></li>
</ul>
</li>
</ul>
CSS:
#nav>li.current-menu-item>a,
#nav>li.current_page_item>a{
color: #fe8300;
}
先谢谢了。
推荐答案
最后我解决我的问题,使用的jQuery
:
finally i solved my problem with using jQuery
:
var str=location.href.toLowerCase();
$("#nav li a").each(function() {
if (str.indexOf($(this).attr("href").toLowerCase()) > -1) {
$("li.current-menu-item").removeClass("current-menu-item");
$(this).parent().addClass("current-menu-item");
}
});
$("li.current-menu-item").parents().each(function(){
if ($(this).is("li")){
$(this).addClass("current-menu-item");
}
});
这篇关于如何突出活动页面的母版菜单?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文