У меня есть несколько стилей в стиле "мегаменю" на сайте, который я поддерживаю. По сути это набор вложенных <UL> с. Поскольку в полном меню содержится от 150 до 200 записей, это добавляет много информации на страницу и делает чтение с экрана болезненным.
Я планирую изменить меню таким образом, чтобы на странице выводился только верхний уровень меню, что сократит 99% его и будет использоваться в клиентах, не поддерживающих JavaScript.
Если javascript доступен, я планирую заменить простое меню верхнего уровня полным мегаменю. В идеале, полное меню должно храниться в файле javascript, поскольку это даст дополнительное преимущество, позволяя браузеру кэшировать его (оно не меняется часто).
Мой вопрос: как бы люди рекомендовали мне хранить полное меню в файле javascript? На данный момент у меня просто что-то вроде ...
var menuhtml = '<ul id="megamenu"><li>blar blar...</ul>';
$("#megamenu").html(menuhtml);
// more code here to get the menu to work as needed
Это выглядит некрасиво. Очевидным ответом будет получение html меню через ajax-запрос, но это будет работать только в том случае, если я буду уверен, что он будет кеширован, поскольку я не хочу никаких дополнительных http-запросов, если могу помочь.
Если у кого-нибудь есть хорошие предложения по получению чистого решения, пожалуйста, дайте мне знать.