Top.Mail.Ru
Ответы
Аватар пользователя
10 месяцев назад
от

Не работает кнопка меню в html, js

Уважаемые разработчики, help me please🙏
Верстаю сайт, делаю адаптивную верстку, столкнулся с такой проблемой.
Когда сайт запускаю в браузере, иконка меню вообще никак не реагирует на нажатие пользователем, все перепроверил, но ничего не получается...

Только авторизированные пользователи могут оставлять свои ответы
Дата
Популярность
Аватар пользователя
10мес

В скрипте проблем не вижу. Проверьте через devtools что данные классы вообще есть и применяются ли они к списку. Так же проверить путь подключения скрипта.

Аватар пользователя
Просветленный
10мес

тут уже писали, что с подобной презентацией кода почти невозможно работать. Мы, программисты, люди простые, и потому по 50 строк разметки и кода в голове держать не умеем (потому и приняли соглашения делать методы не больше 20 строк в длину xD)

По самой проблеме:

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

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

  3. Запускается ли данный код и нет ли в консоли ошибок возникающих в основном потоке и препятствующих подвязыванию событий в принципе?

  4. Если вместо целевой реакции добавить туда console.log('меню должно открыться'), то появится ли в консоли эта надпись или нет? Если появилась - значит с целевым действием что-то не так. Если нет - значит событие не срабатывает.


Надеюсь смог помочь если не с проблемой, то хотя бы с пониманием в какую сторону вести отладку и какие данные желательно предоставлять. ;) Ну и с тем, что как уже писали, в идеале предоставлять нужно в какой-то системе предназначенной для публичного просмотра и тестирования кода. но как минимум в читабельном виде, а не скринами с монитора ;)

Аватар пользователя
Искусственный Интеллект
10мес

научись презентовать свой код. Мой браузер не понимает как исполнить твой код со скриншота. Зато он понимает как это сделать , например, в таком виде:
https://codepen.io/VISTASTER/pen/dyEmgmg
Заодно посмотри вариант бургер-меню

Аватар пользователя
Искусственный Интеллект
10мес

тута подсмотри //bootstrap-4.ru/docs/5.3/components/buttons/