Показывать выпадающее меню только на активной навигационной ссылке

Question

Показывать выпадающее меню только на активной навигационной ссылке

-4

В настоящее время я использую следующий CSS для включения dropdown меню при наведении курсора, а не на ссылку:

ul.nav li.dropdown:hover > ul.dropdown-menu {
    display: block;
}

Он отлично работает, но я хочу, чтобы dropdown меню отображались (наведите указатель мыши или нажмите) только по ссылке на nav когда она в данный момент активна. Причина в том, что когда я наводил ссылку на ссылку, в dropdown отображаются привязные ссылки для перехода к определенным разделам на странице. Я не хочу привязывать ссылки для других страниц, чтобы показать, когда вы не на этой странице.

user3273481 22 янв. 2016, в 03:43

Источник

0

line25.com/tutorials/how-to-create-a-pure-css-dropdown-menu
Carol McKay 22 янв. 2016, в 02:10
0

что происходит с пользователями мобильных устройств / планшетов, использующих только сенсорный экран?
charlietfl 22 янв. 2016, в 02:18

Теги:

jquery

twitter-bootstrap

html

css

1 ответ

Ещё вопросы

что происходит с пользователями мобильных устройств / планшетов, использующих только сенсорный экран?

xpy · Answer 1 · 2016-02-25T11-29-00.000Z

Вам нужно будет добавить active класс в ваш селектор :hover, предполагая, что активное имя класса является .active и оно применяется на li.dropdown тогда вы li.dropdown:

ul.nav li.dropdown.active:hover > ul.dropdown-menu {
  display: block;
}

Это, конечно, пример, вам придется настроить его, чтобы он соответствовал вашему делу.