Заставить мобильную навигационную панель исчезнуть - pro

Важно: прочтите, пожалуйста, до конца !!!

Привет. Я создаю адаптивную одностраничку. Сверху есть панель навигации Bootstrap с некоторыми якорными ссылками. Что я ищу: когда он находится в мобильном представлении с «гамбургером», и пользователь нажимает на гамбургер, чтобы появились якоря, и он нажимает на одну из якорных ссылок, прокручивается отлично, но меню не закрывается. автоматически. Он остается открытым, пока вы снова не закроете его вручную, нажав на гамбургер.

Я уже нашел решение, но есть проблема! Этот код пока отлично решает проблему (функционально), но имеет визуальную ошибку:

$('.nav a').on('click', function(){$(".navbar-toggle").click() //bootstrap 3.x});

Проблема: это влияет на сайт визуально негативно в немобильном, настольном режиме. Все слова в навигационной панели, такие как «Обо мне», «Контакт» и т. Д., Исчезают, как будто стираются, всего на полсекунды, а затем снова появляются. Итак, все работает, но выглядит не очень хорошо. Есть ли исправление кода, чтобы решить эту проблему? Я новичок, вот в чем проблема, в данном случае я еще мало знаю об этом и не понимаю JS, просто скопировал код. Заранее спасибо!!!

0
0
61
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Попробуй это:

JS

$(document).on('click','.navbar-collapse.in',function(e) {
    if( $(e.target).is('a') ) {
        $(this).collapse('hide');
    }
});

Мой друг, он отлично работает, большое спасибо, что спас мне жизнь. К сожалению, у меня нет 15 или более очков репутации. Я бы хотел проголосовать за эту зеленую стрелку, но если получу, то сделаю !!

stack12321 11.04.2018 12:43

Добро пожаловать :)

Jyoti Pathania 11.04.2018 19:13

Другие вопросы по теме