Javascript 当我点击主菜单时,子菜单应该在php中突出显示
从许多天来,我尝试了这个,但并没有结果,请帮助我,当我点击主菜单子菜单应突出显示在phpJavascript 当我点击主菜单时,子菜单应该在php中突出显示,javascript,php,html,css,Javascript,Php,Html,Css,从许多天来,我尝试了这个,但并没有结果,请帮助我,当我点击主菜单子菜单应突出显示在php <script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script> <script type="text/javascript"> $(document).ready(function () { $('#cssmenu a').each
<script type="text/javascript" src="http://code.jquery.com/jquery-1.11.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#cssmenu a').each(function (index) {
console.log(this.href);
if (this.href.trim() == window.location) {
//check if 1st level, then below condition
//if(this.class() != "has-parent")
//{
// $(this).addClass("active");
//}
//if not first level, assign active to parent of this
//if(this.class()= "has-parent")
//{
$(this).addClass("active");
//}
}
});
});
</script>
<style>
.active {
background: #4FA9E4;
color: #FFF;
display: block;
}
</style>
<div id="cssmenu">
<ul>
<li class="has-sub"><a href="company.php">Company</a>
<ul>
<li class="has-parent"><a href="a.php">a</a>
</li>
<li><a href="b.php">b</a>
</li>
</ul>
</li>
<li class="has-sub"><a href="patners.php">Patners</a>
<ul>
<li><a href="c.php">c</a>
</li>
<li><a href="d.php">d</a>
</li>
</ul>
</li>
<li><a href="contactus.php">Contact Us</a>
</li>
</ul>
</div>
$(文档).ready(函数(){
$('#cssmenu a')。每个(函数(索引){
console.log(this.href);
if(this.href.trim()==window.location){
//检查是否为第一级,然后是以下状态
//if(this.class()!=“具有父级”)
//{
//$(此).addClass(“活动”);
//}
//如果不是第一级,则将“活动”指定给此的父级
//if(this.class()=“具有父级”)
//{
$(此).addClass(“活动”);
//}
}
});
});
.主动{
背景:#4FA9E4;
颜色:#FFF;
显示:块;
}
-
-
-
-
-
-
-
您应该处理单击事件或其他您感兴趣的事件,并在事件处理程序中切换类
$(文档).ready(函数(){
$('#cssmenu ul a')。单击(函数(e){
//e、 预防默认值();
$(this).parents('li.has sub').find('>a').toggleClass('active');
});
});
检查。您是否可以添加相关CSS并在中产生此问题?这是k,但当我单击菜单时,所有菜单都高亮显示,但当我单击子菜单时,我需要主菜单应高亮显示。@user3160105在您发布的问题中,您说当我单击主菜单时,子菜单应高亮显示,那么你到底想要什么呢?请详细描述您的需求,而不是等待其他人猜测您想要什么。对不起,当我单击子菜单主菜单应高亮显示这是正确的,但页面也应加载,例如,在该程序中,当我们单击公司时是高亮显示,这是正确的,但当我们单击,页面应该打开,公司应该高亮显示,那么您的意思是当前页面的菜单项应该高亮显示?