Question

使用jQuery单击菜单时，如何激活类的设置？

认证/指数＆＃34;标题=＆＃34;信息中心＆＃34;＆GT;仪表板

  <!-- MASTER -->
  <li class="">
     <a href="#" title="Master"><i class="fa fa-lg fa-fw fa-desktop txt-color-blue"></i> <span class="menu-item-parent txt-color-blue">Master</span></a>
     <ul>
        <li class="">
           <a href="" title="Master"><i class="fa fa-check-square txt-color-blue"></i><span class="menu-item-parent">SubMaster1</span></a>
        </li>
        <li class="">
           <a href="<?php echo base_url()?>auth/index" title="Master"><i class="fa fa-check-square txt-color-blue"></i><span class="menu-item-parent">SubMaster2</span></a>
        </li>

        <li class="">
           <a href="<?php echo base_url()?>auth/index" title="Master"><i class="fa fa-check-square txt-color-blue"></i><span class="menu-item-parent">SubMaster3</span></a>
     </ul>
  </li>

Answer 1

使用jQuery，您可以将活动类添加到具有addClass()功能的元素。因此，对于您的场景，代码可能如下所示：

$(function() {
    $('li').removeClass('active');
    $("a[href=" + window.location.href + "]").parent().addClass("active");
});

在这里，我使用href标记的a属性检查了网址。

这是基本概念，您可以根据自己的要求修改上述代码。

在jQuery上添加活动类

1 个答案: