AdminLTE2 活动侧边栏 shows/changes 仅在刷新后

Question

我想在侧边栏上突出显示活动页面，但我的应用程序仅在我刷新后显示此更改（活动页面）。我尝试了一些 JavaScript 和 jQuery 选项，下面是我目前拥有的选项。

<section class="sidebar">

    <ul class="sidebar-menu" data-widget="tree">

        <li class="treeview ">
            <a href="#/dashboard">
                <i class="fa fa-map"></i> <span>Dashboard</span>
                <span class="pull-right-container">
              <i class="fa fa-angle-left pull-right"></i>
            </span>
            </a>
            <ul class="treeview-menu  treeview-menu-visible">
                <li>
                    <a href="#/crashReports">
                        <i class="fa fa-circle-o text-yellow"></i> Crash Reports
                    </a>
                </li>

                <li>
                    <a href="#/Survivors">
                        <i class="fa fa-circle-o text-blue"></i>
                        <span>Survivors</span>
                        </span>
                    </a>
                </li>
            </ul>
        </li>
    </ul>
</section>

$(document).ready(function() {
        var url = window.location;
        var element = $('ul.sidebar-menu a').filter(function() {
            return this.href == url || url.href.indexOf(this.href) == 0; }).parent().addClass('active');
        if (element.is('li')) {
            element.addClass('active').parent().parent('li').addClass('active')
        }
    });

Answer 1

我通过将 javascript 更改为

解决了这个问题

$(document).ready(function () {
        $('.treeview-menu li a').click(function(e) {

            $('.treeview-menu li.active').removeClass('active');

            var $parent = $(this).parent();
            $parent.addClass('active');
        });
    });

AdminLTE2 活动侧边栏 shows/changes 仅在刷新后

AdminLTE2 active sidebar shows/changes only after refresh

jquery

adminlte