Блог

Главная - Вопросы по программированию - Кнопка требует двух щелчков, чтобы выполнить действие по обновлению страницы

Кнопка требует двух щелчков, чтобы выполнить действие по обновлению страницы

#javascript #html #css

Вопрос:

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

 let hamburgerIcon = document.getElementById('hamburger-icon');
let asideNavigation = document.getElementById('nav-list-wrapper');


hamburgerIcon.addEventListener("click", () => {
  if (asideNavigation.style.left === "-100vw") {
    asideNavigation.style.left = "0";
  } else {
    asideNavigation.style.left = "-100vw";
  }
})

Комментарии:

1. Можете ли вы поделиться CSS из nav-list-wrapper ?

2. возможно asideNavigation.style.left , изначально пустой (без значения) — так, то же 0 самое, что и … поэтому в первый раз, когда он просто установится на 0, что означает, что никаких изменений, попробуйте перевернуть логику … if (asideNavigation.style.left !== "-100vw") asideNavigation.style.left = "-100vw" else asideNavigation.style.left = "0"

Метки: ,