Нужно доделать скрипт или переписать его для отображения меню, расположенного на зеленой кнопке в левом верхнем углу. Переписывать и править html не нужно! Нужно всю работу сделать в файле menu.js. У меню есть контейнер <ul с id = > в него нужно вставить содержимое me-main.html по клику на <a href="#" id="me-main"> (стр. 112 menu.html).
В загруженном блоке при наведении или клике на соответствующую ссылку <a href="#0" id="me-110"> в контейнер <ul id="con-me-110"> загружать соответственно sub_menu/me-110.html
И надо что бы контент загружался всего один раз.
Я выдернул код с сайта. Не знаю с чем связано, но сейчас работает корректно или в редакторе (я пользуюсь webuilder или на сервере
)
Для меню созданы статичные части:
для основного – me-main.html
для подменю в папке sub_menu
Как должно работать: по клику на зеленую кнопку загружается основное меню.
Далее в настольной версии, при наведении на пункты меню подгружается соответствующая часть подменю. Для мобильной версии подгруздка идет по клику.
Пробовал реализовать на ajax. Иой кривой скрипт тут menu.js. Но выходит криво. (мню подгружается каждый раз при наведении заново и в мобильной версии это особо заметно, их становится очень много)
Нужно доработать или переписать данный скрипт что бы работал корректно.
Если дорабатывать, то нужно:
1. объединить подгрузку в функцию.
2. Исключить повторную загрузку.
3. Добавить прелоадер при медленной загрузке.
Скайп для связи Installing79