Intereting Posts
Вложенные ‘for’ циклы в PHP для создания иерархического неупорядоченного списка Чтение определенной строки с веб-страницы в python Пользовательский флажок HTML / CSS Custom Button SVG Inkscape сгенерированный файл не показывает объекты flowRoot в браузере Абсолютно позиционированный элемент гибкости не удаляется из нормального streamа в IE11 Ошибка URL-адреса Jquery Ajax Функция запуска рано Как оживить это при прокрутке Использование php для создания кнопки, вызывающей функцию php автоматически установить высоту iframe Что такое файлы .tpl? php, веб-дизайн центр div (абсолютное положение и ширина) Директивы AngularJS как «пользовательские» HTML-tags: разве это не опасно и может противоречить будущим версиям HTML? используя вызов функции javascript для воспроизведения нескольких файлов swf Как выбрать уникальные значения из нескольких раскрывающихся списков с помощью JavaScript?

Сделать родительское меню кликабельным

Есть ли способ сделать элементы меню верхнего уровня доступными по клику, пока появляются всплывающие windows?

см. сайт

Я использую bootstrap 3 на моем сайте WordPress, используя следующие инструкции: http://www.creativewebdesign.ro/en/blog/wordpress/create-a-responsive-wordpress-theme-with-bootstrap-3-header-and-footer /

header.php

 'primary', 'theme_location' => 'primary', 'depth' => 2, 'container' => 'div', 'container_class' => 'collapse navbar-collapse navbar-ex1-collapse menu_left', 'menu_class' => 'nav navbar-nav menu_left_middle', 'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 'walker' => new wp_bootstrap_navwalker()) ); ?>  'submenu', 'theme_location' => 'primary', 'depth' => 2, 'container' => 'div', 'container_class' => 'collapse navbar-collapse navbar-ex1-collapse menu_right', 'menu_class' => 'nav navbar-nav menu_right_middle', 'fallback_cb' => 'wp_bootstrap_navwalker::fallback', 'walker' => new wp_bootstrap_navwalker()) ); ?>  

благодаря

Для меня это сработало так: я предполагаю, что вы используете wp-bootstrap-navwalker

Откройте wp-bootstrap-navwalker.php с вашим редактором и найдите линию ок. 83

 // If item has_children add atts to a. if ( $args->has_children && $depth === 0 ) { $atts['href'] = '#'; $atts['data-toggle'] = 'dropdown'; $atts['class'] = 'dropdown-toggle'; } else { $atts['href'] = ! empty( $item->url ) ? $item->url : ''; } 

Измените этот fragment кода на:

 // If item has_children add atts to a. if ( $args->has_children && $depth === 0 ) { $atts['href'] = ! empty( $item->url ) ? $item->url : ''; //$atts['data-toggle'] = 'dropdown'; $atts['class'] = 'dropdown-toggle'; } else { $atts['href'] = ! empty( $item->url ) ? $item->url : ''; } 

Примечание: теперь включен параметр $ att [‘href’], параметр $ atts [‘data-toggle’] отключен, что делает родительскую ссылку доступной.

Теперь откройте свой style.css и добавьте этот кусок кода, чтобы активировать функцию зависания для вашего меню WordPress с выпадающим и кликабельным родителем.

 .dropdown:hover .dropdown-menu { display: block; } 

Примечание. Поведение меню немного изменится на небольших устройствах с маленькими экранами. Никаких дополнительных jQuery не требуется.

Вы можете просто добавить class ‘disabled’ в этот элемент, используя jQuery. См. Пример ниже:

  

Конечно – для каждого из якорей верхнего уровня убедитесь, что вы определили свой href и удалили атрибут переключения данных. Например, вместо:

 Design  

Использование:

 Design  

(или что вы хотите, чтобы href был).