Адаптивные настройки меню

-2

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

Пример:

plnkr.co/edit/arGrZ8onXsHYNjAIOeQx?p=preview

Если вы нажмете выпадающее меню, а затем ссылку "Действие", вы увидите, что подменю закрывается.

Теги:

2 ответа

0

Вы можете сделать что-то вроде этого, чтобы отключить событие click:

$('#navbar .dropdown-menu').on({
    "click":function(e){
      e.stopPropagation();
    }
});

вот рабочая демонстрация: http://www.bootply.com/3tWJWSzbax

Поделиться
  • 0
    Если вы посмотрите на ссылку в моем вопросе, то увидите, что я имею в виду меню начальной загрузки в меню гамбургеров ... так что в режиме ответа.
  • 0
    @ j00m пример прямо из примеров начальной загрузки и отзывчив
0

Поместите эту строку кода в свой html файл или загрузите скрипт из js файла.

<script>
$(document).on('click','.navbar-collapse.in',function(e) {
if( $(e.target).is('a') && $(e.target).attr('class') != 'dropdown-toggle' ) {
    $(this).collapse('hide');
}
});
</script>
Поделиться
  • 0
    Это закроет меню!
  • 0
    Извините, может быть, мой вопрос не ясен. Если вы посмотрите на мой пример, у меня уже есть основное поведение навигации, которое я хочу. Проблема в том, что я хочу сохранить подменю ОТКРЫТО, когда нажимаю на одну из его ссылок.
Показать ещё 1 комментарий

Ещё вопросы

Сообщество Overcoder
Наверх
Меню