Jasny bootstrap offcanvas菜单不会在手机上消失（iPhone 6 Chrome）

Question

我使用Jasny Bootstrap的offcanvas插件来实现菜单。它在桌面浏览器上按预期工作。但是，在移动设备上（准确地说是iPhone 6），如果用户点击菜单外，则菜单不会被忽略。在桌面浏览器上，当显示非扫描菜单时，单击菜单区域外部将取消菜单。我错过了什么，这是一个错误，还是这种预期的行为？

我使用提供的Jasny Bootstrap菜单样本比较了桌面Chrome和iPhone Chrome的问题：

http://www.jasny.net/bootstrap/examples/navmenu-push/

Answer 1

tyipss！ 也许，这是一个错误，虽然看起来我只能在真正的iPhone6上重现它（不是在Chrome开发工具中）。 您可以在其回调函数中显式隐藏菜单，如下所示：

$('.your-menu-selector').on('shown.bs.offcanvas', function() {
  $('.your-backdrop-element').on('click', function() {
    $('.your-menu-selector').offcanvas('hide');
  });
});