Раскрывающееся меню расширяется при загрузке страницы
У меня есть иерархическое выпадающее меню, созданное с помощью модуля Мегаменю Drupal. Это хорошо подходит для моих нужд, но есть небольшая проблема: при загрузке страницы все дерево меню выглядит развернутым и на некоторое время охватывает всю страницу.
Это дает жесткий взгляд. Я был бы очень признателен, если у вас есть какие-либо предложения или обходные пути, чтобы исправить это.
1 answers
Подобные проблемы возникают, когда вы полагаетесь на JavaScript, чтобы скрыть что-либо. Это может занять несколько сотен мс, прежде чем произойдет, что элементы появятся при загрузке страницы.
Способ решить эту проблему - использовать CSS для скрытия расширенного меню при загрузке страницы, а после запуска JavaScript удалить эффект CSS.
Самый простой способ сделать это - добавить класс в созданный HTML, который требуется в правиле CSS, и удалить класс с помощью JavaScript на странице загружать. Вы можете добавить класс в тело в крючке preprocess_page
и снова удалить его в одном из файлов JS вашей темы.