Перейти из форума на сайт.


Система IP-видеонаблюдения "Линия". Скачать бесплатную демо-версию для 16 камер. НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаФотогалереяГазетаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Как в bootstrap меню сделать нажимной ссылку верхнего уровня

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

erroraccount

Junior Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
По умолчанию в бутстраповском меню верхний уровень ссылок не переходит по ссылке, если под ним есть выпадающий список, а собственно открывает этот самый список.  
 
Я в стилях добавил  

Код:
 
.dropdown:hover > .dropdown-menu {  
    display: block;  
}
 

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

Всего записей: 65 | Зарегистр. 01-02-2016 | Отправлено: 22:05 19-03-2017
Mavrikii

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
erroraccount
Читать сообщение Вопросы по CSS

Всего записей: 4348 | Зарегистр. 20-09-2014 | Отправлено: 22:15 19-03-2017 | Исправлено: Mavrikii, 22:16 19-03-2017
fred2003

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
атрибут data-toggle="dropdown" в теге а отвечает за то чтобы меню было выпадающим и на него вешаются события которые e.stopPropagation() и  e.preventDefault() которые и блокируют отработку ссылки.  
Чтобы ссылка отрабатывалась уберите данный атрибут.

Всего записей: 12 | Зарегистр. 01-10-2011 | Отправлено: 18:19 20-03-2017
Mavrikii

Silver Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
fred2003

Цитата:
Чтобы ссылка отрабатывалась уберите данный атрибут.

 
тогда не будет работать меню

Всего записей: 4348 | Зарегистр. 20-09-2014 | Отправлено: 22:09 20-03-2017
fred2003

Newbie
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Автор темы сделайте всё таки что я написал и сообщите результат. Будут вопросы, задавайте.

Всего записей: 12 | Зарегистр. 01-10-2011 | Отправлено: 22:27 20-03-2017
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Как в bootstrap меню сделать нажимной ссылку верхнего уровня

Имя:
Пароль:
Сообщение

Для вставки имени, кликните на нем.

Опции сообщенияДобавить свою подпись
Подписаться на получение ответов по e-mail
Добавить тему в личные закладки
Разрешить смайлики?
Запретить коды


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.Board
© Ru.Board 2000-2017

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru