Сохранить текущую позицию меню

У меня есть веб-сайт, где у меня есть раскрывающееся меню, то есть основная категория, подкатегория и подкатегория 2-го уровня. После выбора уровня подкатегории 1 или 2 идентификатор подкатегории, по которой щелкнули, сохраняется в localStorage.

Моя проблема в том, что после переключения на другую подстраницу все меню сворачивается, и теперь я хотел бы, чтобы меню расширилось до уровня подкатегории, которую я щелкнул после входа на новую подстраницу. К сожалению, понятия не имею, как это сделать :(

Мой код: jsfiddle.net/reverse26/4z93kv1n/2/

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

Ссылка на ваш собственный сайт не рекомендуется, так как этот вопрос / ответ будет бесполезен для всех, кто будет искать в будущем. Если вы не можете воссоздать это с помощью фрагментов кода здесь, я бы рекомендовал воссоздать на codepen или jsfiddle.net.

Toby 28.12.2018 18:18

Хорошо, теперь я редактирую свой код :)

PawelC 28.12.2018 18:23

В чем проблема, если вы сохранили в localstorage позицию последнего щелчка? Просто разверните это меню при загрузке следующей страницы :)

Deathmras 28.12.2018 18:37

Проблема заключается в разработке этого меню :( К сожалению, интерфейс для меня - черная магия. В localStorage у меня есть подкатегория ID, и я не знаю, как ее использовать.

PawelC 28.12.2018 18:43

Что ж, вот вам идея ... попробуйте понять, как заставить его работать: D Мне лень создавать на моем компьютере, а на jsfiddle я не могу его протестировать jsfiddle.net/4z93kv1n/7

Deathmras 28.12.2018 19:08

Не работает; / После перехода на подстраницу меню сворачивается

PawelC 28.12.2018 20:04
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
6
46
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Решение моей проблемы состояло в том, чтобы сохранить последний идентификатор категории / подкатегории в localStorage, и каждый раз, когда страница загружалась, чтобы проверить, какая категория / подкатегория была нажата последним, на этом основании js изменил отображение: ни один из этого блока для отображения: блок

Другие вопросы по теме