Как сделать так, чтобы навигационная панель была разрушена во время обходов сервера? - PullRequest
0 голосов
/ 19 ноября 2018

моя панель навигации выглядит следующим образом:

        <nav id = "nav" class="navbar-primary">
            <ul class="navbar-primary-menu">
                <li>
                    <a href="/home"></a>
                </li>
                <li>
                    <a href="/link1"></a>
                </li>
                <li>
                    <a href="/link2"></a>
                </li>
            </ul>
        </nav>

Я сворачиваю панель навигации с помощью JS:

function navbar(){
  $('.navbar-primary').toggleClass('collapsed');
};

CSS:

.navbar-primary.collapsed {
  width: 55px;
}

Я используюхранилище браузера для хранения переменной, чтобы запомнить, если пользователь свернул панель навигации.вот эта часть:

$(document).ready(function(){
  var navbar_state = localStorage.getItem('navbar_state');

  if( navbar_state == 'collapsed'){
      console.log('collapsed found... collapsing on document ready');
      $('.navbar-primary').toggleClass('collapsed');
  };
}

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

...