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

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

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