为什么 vav 自动关闭 (Bootstrap) - 不适用于 iPhone 8？

Question

因此，当在移动设备上查看我的网页时，当在下拉导航中选择 link 时，响应式导航菜单会自动关闭。在 android 和 iPhone 6 秒内工作正常。刚刚在 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>

Answer 1

试试这个

$('.navbar-collapse a').click(function(){
$(".navbar-collapse").collapse('hide');
});

Answer 2

这解决了我的 iPhone 和 iPad 问题：

$('.navbar-collapse a').click(function(){
$(".navbar-collapse").collapse('hide');
});

为什么 vav 自动关闭 (Bootstrap) - 不适用于 iPhone 8？

Why is the vav auto close (Bootstrap) - Not working for the iPhone 8?

twitter-bootstrap-3

auto-close

iphone-8-plus

iphone-8