В настоящее время я использую следующий CSS
для включения dropdown
меню при наведении курсора, а не на ссылку:
ul.nav li.dropdown:hover > ul.dropdown-menu {
display: block;
}
Он отлично работает, но я хочу, чтобы dropdown
меню отображались (наведите указатель мыши или нажмите) только по ссылке на nav
когда она в данный момент активна. Причина в том, что когда я наводил ссылку на ссылку, в dropdown
отображаются привязные ссылки для перехода к определенным разделам на странице. Я не хочу привязывать ссылки для других страниц, чтобы показать, когда вы не на этой странице.
Вам нужно будет добавить active
класс в ваш селектор :hover
, предполагая, что активное имя класса является .active
и оно применяется на li.dropdown
тогда вы li.dropdown
:
ul.nav li.dropdown.active:hover > ul.dropdown-menu {
display: block;
}
Это, конечно, пример, вам придется настроить его, чтобы он соответствовал вашему делу.