【问题标题】:Admin LTE theme + Laravel Mini sidebar issue管理员 LTE 主题 + Laravel Mini 侧边栏问题
【发布时间】:2017-07-06 06:42:17
【问题描述】:

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

请帮忙,

【问题讨论】:

    标签: laravel-5.4 adminlte


    【解决方案1】:
    1. 您的边栏已打开。所以body没有类sidebar-collapse。
    2. 切换后,迷你侧边栏就会出现。所以body有sidebar-collapse。
    3. 现在,当您导航到其他 url 时,正文将不会有侧栏折叠类,这就是侧栏打开的原因。

    现在您需要在导航到另一个页面时添加类侧边栏折叠。

    触发侧边栏切换并将变量添加到 localstorage,其值为 TRUE。

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

    例如:

    $('.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');
           }
        }
    

    希望对你有帮助。

    【讨论】:

    • Np。如果它对你有用,那么你可以接受我的回答并投赞成票。
    • 对不起,兄弟,我的投票声名远播,但我感谢你的回答,再次感谢...
    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2013-12-13
      • 1970-01-01
      • 2016-04-13
      • 2013-10-16
      • 2017-03-14
      • 2014-02-07
      相关资源
      最近更新 更多