Question

嗨，我的管理面板中有一个侧边栏，它紧随其后，我想在单击树视图项目时先展开父级li，然后激活标签。这意味着将is_expanded类添加到li和标签上的活动类我只是在寻找jquery解决方案。谢谢

<div class="app-sidebar__overlay" data-toggle="sidebar"></div>
<aside class="app-sidebar">
  <ul class="app-menu">
    <li><a class="app-menu__item" href="index.html"><i class="app-menu__icon fa fa-dashboard"></i><span class="app-menu__label">dashboard</span></a></li>
    <li class="treeview"><a class="app-menu__item" href="#" data-toggle="treeview"><i class="app-menu__icon fa fa-laptop"></i><span class="app-menu__label">users</span><i class="treeview-indicator fa fa-angle-left"></i></a>
      <ul class="treeview-menu">
        <li><a class="treeview-item" href="{{route('user.create')}}""><i class="icon fa fa-circle-o"></i> create user</a></li>
        <li><a class="treeview-item" href="{{route('user.index')}} rel="noopener"><i class="icon fa fa-circle-o"></i> user list</a></li>
      </ul>
    </li>

这是jquery代码，将活动类添加到标签中。此外，我想将is-expanded类添加到具有树视图类的li标签中

<script>
    $(document).ready(function () {
        $(function(){
            var current_page_URL = location.href;

            $( "a" ).each(function() {

                if ($(this).attr("href") !== "#") {

                    var target_URL = $(this).prop("href");

                    if (target_URL == current_page_URL) {
                        $('a').removeClass('active');
                        $(this).addClass('active');


                        return false;
                    }

                }
            }); }); });
</script>

通过jQuery将is-expanded类添加到li标签

0 个答案: