活动按钮不起作用(管理LTE)

Question

我正在使用admin lte模板作为管理员。当我转到其他页面时，该页面的按钮将不活跃。我观察到的活动的方式是必须的，也必须是LI必须是我该如何使用jQuery

进行操作

<li class="treeview">
    <a href="#">
       <i class="fa fa-laptop"></i>
       <span> Manage Catalog</span>
       <span class="pull-right-container">
          <i class="fa fa-angle-left pull-right"></i>
       </span>
    </a>
    <ul class="treeview-menu">
       <li><a href="<?= base_url() .'administrator/products' ?>"><i class="fa fa-circle-o"></i> Products</a></li>
       <li><a href="pages/UI/icons.html"><i class="fa fa-circle-o"></i> Discount/Promos</a></li>
    </ul>
</li>

Answer 1

首先给出" li"标签的ID，例如productMenu和discountMenu

<ul class="treeview-menu">
     <li id="productMenu"><a href="<?= base_url() .'administrator/products' ?>"><i class="fa fa-circle-o"></i> Products</a></li>
     <li id="DiscountMenu"><a href="pages/UI/icons.html"><i class="fa fa-circle-o"></i> Discount/Promos</a></li>
</ul>

脚本代码要在iCons.html中添加：

<script>
    var path = window.location.pathname;
    if(path.indexOf("icons.html")!==-1){
        $("#DiscountMenu").addClass("active");
        $("#productMenu").removeClass("active");
    }
</script>

Answer 2

请尝试此

<li class="treeview active">
<a href="#">
   <i class="fa fa-laptop"></i>
   <span> Manage Catalog</span>
   <span class="pull-right-container">
      <i class="fa fa-angle-left pull-right"></i>
   </span>
</a>
<ul class="treeview-menu">
  <li class="active"><a href="<?= base_url() .'administrator/products' ?>"><i class="fa fa-circle-o"></i> Products</a>
  </li>
</ul>