Intereting Posts
Какова цель добавления файла .po? Локальная установка WordPress показывает только домашнюю страницу, все остальные страницы не найдены Многопользовательский htaccess на localhost с WP как внешний SVN? Создать страницу списка категорий Звуковой код shortclode не работает Почему WordPress-код настолько «счастлив с космосом»? Изменение заголовков для экспорта из расширения PHP-класса Как получить роль пользователя определенного блога в многопользовательском режиме? Пользовательская структура константной ссылки типа, включающая таксономию Не удается получить доступ к wp-admin Добавить пользователя meta после регистрации пользователем и войти в систему Custom Post – Добавить сообщение из нижней части своей категории Страница пользовательской главной страницы с использованием WP_Query Пользовательский мета-заголовок для персонализированного архива типа сообщения со страницы Добавить «Категория» в Mysql Query

Живое меню появится в разных разделах страницы

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

http://brainstormmarketing.agency/dev/UBG/

Есть четыре основных пункта меню. Элементы подменю должны отображаться в блоках FOUR на домашней странице, а именно: Отдел печати и документа, Отдел информационных технологий, Отдел телекоммуникаций и Отдел безопасности и безопасности. Они должны появляться только при наведении курсора на пункты главного меню (FOUR)

Брэдли,

Благодарим вас за дополнительные разъяснения в комментариях. Я написал несколько javascript (jQuery), которые вам нужно будет вставить в вашу тему:

jQuery( "#panel-2-1-0-0" ).hover( //Print and Document function() { jQuery('#mega-menu-item-475').addClass('mega-toggle-on'); }, function() { jQuery('#mega-menu-item-475').removeClass('mega-toggle-on'); } ); jQuery( "#panel-2-1-1-0" ).hover( //Telecom function() { jQuery('#mega-menu-item-477').addClass('mega-toggle-on'); }, function() { jQuery('#mega-menu-item-477').removeClass('mega-toggle-on'); } ); jQuery( "#panel-2-1-0-1" ).hover( //IT Dev function() { jQuery('#mega-menu-item-476').addClass('mega-toggle-on'); }, function() { jQuery('#mega-menu-item-476').removeClass('mega-toggle-on'); } ); jQuery( "#panel-2-1-1-1" ).hover( // Safety and Security function() { jQuery('#mega-menu-item-478').addClass('mega-toggle-on'); }, function() { jQuery('#mega-menu-item-478').removeClass('mega-toggle-on'); } ); 

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

Как видите, код основан на идентификаторах, связанных с элементами мега-меню и блоками. Если вы измените блоки или идентификатор меню, скрипт больше не будет работать.

Существует более чистый способ сделать это (не полагаясь на идентификаторы), но для того, чтобы вы направлялись в правильном направлении, это будет работать.

Надеюсь, это поможет вам на правильном пути и сообщите мне, если у вас есть какие-либо вопросы.