ASP. NET Складная навигационная панель запоминается закрытой или нет

Question

У меня есть asp. net. net фреймворк для веб-форм.

У меня есть сворачиваемая боковая панель

$("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");
    if ($(".sidebar").hasClass("toggled")) {
       $('.sidebar .collapse').collapse('hide');
    };
});

это функция, которую я используйте, чтобы свернуть или сделать навигационную панель больше. теперь я хочу, чтобы это запомнилось как у повара ie или чего-то такого, чтобы оно сохраняло факт, или оно было свернуто или нет

Редактировать: Текущий код

 var isCollapsed = false;

    $(document).ready(function () {
        console.log('Document is ready');
        if (localStorage.getItem('navbarstatus') != null) {
            isCollapsed = localStorage.getItem('navbarstatus');
            console.log(isCollapsed);
        }

        $("#sidebarToggle, #sidebarToggleTop").on('click', function (e) {
            console.log("Before: " + isCollapsed);
            isCollapsed = !isCollapsed;
            localStorage.setItem('navbarstatus', isCollapsed);
            console.log('After: ' + isCollapsed);
            $("body").toggleClass("sidebar-toggled");
            $(".sidebar").toggleClass("toggled");
            if ($(".sidebar").hasClass("toggled")) {
                $('.sidebar .collapse').collapse('hide');
            };
        });

    });
Debug:

Before: false
After: false

Answer 1

Во-первых, вы можете иметь флаг, например, isCollapsed и

var isCollapsed = "false"

установить его значение в функции Свернуть, т.е.

isCollapsed = "true"; //or "false"

Далее вы можете сохранить это значение в браузере localStorage или webStorage. т.е.

localStorage.setItem('navbarstatus', isCollapsed);

Теперь вы можете проверить и получить панель навигации свернутый статус , извлекая значение из локального хранилища:

$(document).ready(function) {
if(localStorage.getItem('navbarstatus')) {
isCollapsed = localStorage.getItem('navbarstatus')
//do what you want to do next, you have Collapsed information  about navbar

}

});

вы можете использовать 'localStorage' или 'webStorage на основе ваших требований. Надеюсь, это поможет.

Редактировать:

У вас в обработчике клик:

 console.log ("Before: " + isCollapsed);
            if(isCollapsed == "true") 
            isCollapsed = "false";
            else
            isCollapsed = "true";

            localStorage.setItem('navbarstatus', isCollapsed);

            console.log('After: ' + isCollapsed);