javascript - 事件按钮不起作用(ADMIN LTE)

Question

我在管理端使用管理 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>