Admin LTE 主题 + Laravel 迷你边栏问题

Admin LTE theme + Laravel Mini sidebar issue

我在 Laravel 中使用了 Admin LTE 主题并卡在了一个已知问题上, 在 Admin LTE 主题中没有解决方案, 如果我切换侧边栏显示迷你侧边栏, 但是当我导航到另一个页面时,切换的侧边栏再次打开, 它应该打不开,因为我已经把它最小化了,

请帮忙,

如果我没记错的话,您必须在正文中添加一个名为 "collapsed" 的 class(或类似名称,请与检查员一起检查)来管理菜单的行为。添加它,将显示菜单,将其删除将隐藏它。可以修改内部js库添加cookie,这样就可以很方便的知道菜单应该是怎样的。

  1. 您的补充工具栏已打开。所以 body 没有 class sidebar-collapse.
  2. 切换后,迷你边栏就会出现。所以 body 有 sidebar-collapse.
  3. 现在,当您导航到其他 url 时,body 将不会有 class sidebar-collapse,这就是打开侧边栏的原因。

现在您需要在导航到另一个页面时添加 class sidebar-collapse。

触发 sidebar-toggle 并向本地存储添加一个变量,该变量的值为 TRUE。

现在,当您导航到另一个页面时,获取 localstorage 变量值并通过检查 localstorage 变量将 class 添加到 body。

例如:

$('.sidebar-toggle').on('click',function(){
           var cls =  $('body').hasClass('sidebar-collapse');
           if(cls == true){
                localStorage.setItem('collapse',0); 
           } else {
                localStorage.setItem('collapse',1); 
           }

    });

   window.onload = function() {
       var collapse = localStorage.getItem('collapse');
       if(collapse == true){
            $('body').addClass('sidebar-collapse');
       } else if(collapse == false) {
            $('body').removeClass('sidebar-collapse');
       }
    }

希望对您有所帮助。