Question

我有这个左站点菜单：

<ul class="list-group sidebar-nav-v1" id="sidebar-nav">
     <li class="list-group-item list-toggle">                   
           <a data-toggle="collapse" data-parent="#sidebar-nav" href="#collapse-typography">Typography</a>
           <ul id="collapse-typography" class="collapse">
                  <li><a href="link_1"> Name 1</a></li>
                  <li><a href="link_2"> Name 2</a></li>                            
                  <li><a href="link_3"> Name 3</a></li>
                  <li><a href="link_4"> Name 4</a></li>
           </ul>
     </li>

    .
    .
    .
    .
</ul>

将“活动”添加到“li”元素中：

var url = window.location;

$('ul.list-group a[href="' + url + '"]').parent().addClass('active');
$('ul.list-group a').filter(function () {
    return this.href == url;
}).parent().addClass('active').parent().parent().addClass('active');

现在我只需要改变

<ul id="collapse-typography" class="collapse">

到

<ul id="collapse-typography" class="collapse in">

关于如何做到这一点的任何想法？

Answer 1

使用下面的代码

$('ul.list-group a[href="' + url + '"]').parent().addClass('active');
$('ul.list-group a').filter(function () {
  return this.href == url;
}).parent().addClass('active').parents('ul.collapse').addClass('in').parents('li.list-toggle').addClass('active');

改变等级＃＆＃34;崩溃＆＃34; ＆＃34;崩溃＆＃34;在菜单中

1 个答案: