单击子菜单时使 <li class> 处于活动状态

Question

目前我正在为我的仪表板使用 AdminLTE 模板，但是对于我单击第二个菜单后的第二个下拉菜单，该菜单不是停留而是关闭。

级联时

点击后

下面是我的 html 代码。我正在使用 codeigniter，所以我将这个锚点用于 .

 <?php if($this->session->userdata('usergroup') == '1' or $this->session->userdata('usergroup') ==  '4') { ?>
    <li class="treeview">
      <a href="#"><i class="fa fa-link"></i> <span>Ticketing</span> <i class="fa fa-angle-left pull-right"></i></a>
      <ul class="treeview-menu">
        <li><?php echo anchor('Bticketing/Ballticket',"<i class='fa fa-circle-o'></i> All Ticket") ?></li>
         <li><?php echo anchor('Bticketingcalendar',"<i class='fa fa-circle-o'></i> Calendar") ?></li>
      </ul>
    </li>
    <?php } ?>

我想要的是在我点击所有票后，那个菜单是停留并显示页面。怎么做 ？

注意： active 的默认值是<li class="treeview active">但如何使其动态到所有菜单。

Answer 1

如果您想在 AdminLTE 菜单上创建活动状态，这里是代码

var url = window.location;

// for sidebar menu entirely but not cover treeview
$('ul.sidebar-menu a').filter(function() {
  return this.href == url;
}).parent().addClass('active');

// for treeview
$('ul.treeview-menu a').filter(function() {
  return this.href == url;
}).closest('.treeview').addClass('active');

希望它会有所帮助