Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/279.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 当我点击主菜单时,子菜单应该在php中突出显示_Javascript_Php_Html_Css - Fatal编程技术网

Javascript 当我点击主菜单时,子菜单应该在php中突出显示

Javascript 当我点击主菜单时,子菜单应该在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

从许多天来,我尝试了这个,但并没有结果,请帮助我,当我点击主菜单子菜单应突出显示在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(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在您发布的问题中,您说当我单击主菜单时,子菜单应高亮显示,那么你到底想要什么呢?请详细描述您的需求,而不是等待其他人猜测您想要什么。对不起,当我单击子菜单主菜单应高亮显示这是正确的,但页面也应加载,例如,在该程序中,当我们单击公司时是高亮显示,这是正确的,但当我们单击,页面应该打开,公司应该高亮显示,那么您的意思是当前页面的菜单项应该高亮显示?