Question

我已在Metronic v6中保持切换aside_menu的状态。它不起作用。它根本没有动。

let options = {
    target: 'body',
    targetState: 'kt-header__topbar--mobile-on',
    togglerState: 'kt-header-mobile__toolbar-topbar-toggler--active'
};
let asideLeftToggle = new KTToggle('kt_aside_toggler', options);

let loadSidebarState = function () {
    let sidebarStateItem = sessionStorage.getItem("sidebarState") || null;
    if(sidebarStateItem == null)
        return;
    let sidebarState = JSON.parse(sidebarStateItem);
    let state = sidebarState.isOpened;
    if (state == "off") {
        $("body").addClass("kt-aside--minimize");
        asideLeftToggle.state = "on";
    } else {
        asideLeftToggle.state = "off";
    }
}

如何切换它们？您可以在这里添加一些代码吗？

Answer 1

也许这段代码会有所帮助。

$(document).ready(function(){

loadSidebarState();

asideLeftToggle.on('toggle', function () {
    let state = asideLeftToggle.getState() == "on" ? "off" : "on";
    let sidebarState = { isOpened: state };
    sessionStorage.setItem("sidebarState", JSON.stringify(sidebarState));
})

}）;

Answer 2

Metronic v6在style.bundle.css中具有css代码，在scripts.bundle.js中具有js代码。您可以编辑scripts.bundle.js文件进行自定义。

我如何保持metronic v6侧面菜单栏的状态

2 个答案: