Поэтому, когда моя веб-страница просматривается на мобильных устройствах, адаптивное навигационное меню автоматически закрывается при выборе ссылки в раскрывающемся меню. Прекрасно работает на Android и до iPhone 6s. Только что протестировал его на iPhone 8 plus, но по какой-то причине функция автоматического закрытия не работает, и ее приходится закрывать вручную. Есть идеи как это исправить?
//Javascript
//Auto-close responsive navbar after selection
$('.navbar-collapse ul li a').click(function(){
$('.navbar-toggle:visible').click();
});
//HTML - using Bootstrap 3
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="col-md-12">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#"><img src="img/logo_flat.png" class="img-responsive" style="width: 140px; margin-top: -16px;"></a>
</div>
<div class="collapse navbar-collapse navbar-right" id="myNavbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#banner">Home</a></li>
<li class=""><a href="#aboutus">About Us</a></li>
<li class=""><a href="#whatwedo">What We Do</a></li>
<li class=""><a href="#faqs">FAQs</a></li>
<li class=""><a href="#careers">Careers</a></li>
<li class=""><a href="#contactus">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</nav>