如何在选择链接时更改活动类?

时间:2018-02-19 05:33:50

标签: php jquery html-lists

我有以下菜单

<div class="gw-sidebar">
  <div id="gw-sidebar" class="gw-sidebar">
    <div class="nano-content">
      <ul class="gw-nav gw-nav-list">
         <li class="arrow-down"> <a href="javascript:void(0)"> <span class="gw-menu-text"> <i class="fa fa-graduation-cap"></i>PROJECT</span> <b class="gw-arrow"></b> </a>
          <ul class="gw-submenu" id="main" style="display: none;">
            <li class="<?php echo ($page == "project" ? "active" : "")?>" id="pro"> <a href="<?php echo PRODUCTS . 'project' ?>"><i class="fa fa-plus"></i>ADD PROJECT</a> </li>

          </ul>

我得到$ page这是项目,但是课程没有活动。然后我尝试了jquery

$('.gw-nav > li > ul > li > a').click(function () {
            $(this).parent().parent().parent().removeClass('active');
            $('.gw-nav > li > ul > li').removeClass('active');
            $(this).parent().addClass('active')
        });

也没有用。我尝试了很多。 但是下面的代码是完美的

 <li class="arrow-down"> <a href="javascript:void(0)"> <span class="gw-menu-text">Category 3</span> <b></b> </a>
          <ul class="gw-submenu" style="display: none;">
            <li> <a href="javascript:void(0)">Menu 1</a> </li>
            <li> <a href="javascript:void(0)">Menu 2</a> </li>
            <li> <a href="javascript:void(0)">Menu 3</a> </li>
          </ul>
        </li>

哪个效果很好。但是如果我为php页面添加href链接则无效。

我不知道出了什么问题。任何帮助将不胜感激。

0 个答案:

没有答案