Admin LTE 主题 + Laravel 迷你边栏问题
Admin LTE theme + Laravel Mini sidebar issue
我在 Laravel 中使用了 Admin LTE 主题并卡在了一个已知问题上,
在 Admin LTE 主题中没有解决方案,
如果我切换侧边栏显示迷你侧边栏,
但是当我导航到另一个页面时,切换的侧边栏再次打开,
它应该打不开,因为我已经把它最小化了,
请帮忙,
如果我没记错的话,您必须在正文中添加一个名为 "collapsed" 的 class(或类似名称,请与检查员一起检查)来管理菜单的行为。添加它,将显示菜单,将其删除将隐藏它。可以修改内部js库添加cookie,这样就可以很方便的知道菜单应该是怎样的。
- 您的补充工具栏已打开。所以 body 没有 class sidebar-collapse.
- 切换后,迷你边栏就会出现。所以 body 有 sidebar-collapse.
- 现在,当您导航到其他 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');
}
}
希望对您有所帮助。
我在 Laravel 中使用了 Admin LTE 主题并卡在了一个已知问题上, 在 Admin LTE 主题中没有解决方案, 如果我切换侧边栏显示迷你侧边栏, 但是当我导航到另一个页面时,切换的侧边栏再次打开, 它应该打不开,因为我已经把它最小化了,
请帮忙,
如果我没记错的话,您必须在正文中添加一个名为 "collapsed" 的 class(或类似名称,请与检查员一起检查)来管理菜单的行为。添加它,将显示菜单,将其删除将隐藏它。可以修改内部js库添加cookie,这样就可以很方便的知道菜单应该是怎样的。
- 您的补充工具栏已打开。所以 body 没有 class sidebar-collapse.
- 切换后,迷你边栏就会出现。所以 body 有 sidebar-collapse.
- 现在,当您导航到其他 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');
}
}
希望对您有所帮助。