时间戳

首页 > 解决方案 > Inspinia 管理布局：左侧面板状态

html - Inspinia 管理布局：左侧面板状态

问题描述

我正在使用Inspinia 主题，并修改了主题，以便它通过 cookie 记住左侧面板（即导航栏）的状态。因此，如果它被折叠，即使在刷新或登录后它也会保持折叠状态。展开时也是如此。

代码很简单：

if (getCookie('toggleSideBarPrefs') === '0') {
    $("body").addClass("mini-navbar");
} else {
    $("body").removeClass("mini-navbar");
}

我在单击汉堡包按钮时设置了 cookie：

$('.navbar-minimalize').on('click', function (event) { . . . }

现在这个工作，除非它处于折叠模式，如果我点击面板上的另一个图标，它首先快速展开它，然后折叠它。这很烦人。这样做的主要原因是默认情况下它是展开的（即主体上没有迷你导航栏标签）。现在如果我默认添加这个标签，它会在折叠时解决问题，但在展开模式下也会发生同样的问题。

任何人都可以分享一些关于如何解决这个问题的想法？我是前端开发的新手。

谢谢。

标签： htmlcssinspinia

解决方案

你可以尝试改变这个：

$('.navbar-minimalize').on('click', function (event) { . . . }

对此：

$('body').on('click', '.navbar-minimalize', function() {});

推荐阅读