如何使用浏览器后退按钮关闭引导模式而不是返回页面？`

我发现这是智能手机的问题，它可能与桌面有关。 我们已经’修改’我们的引导模式以便响应，但是当在智能手机上显示它是全屏时，用户假设模态是页面并点击回“关闭”它。 我们已将右上角包含在X中，但也希望使用后退按钮来关闭模态。 有人有主意吗？

谢谢

Answer 1

最简单的方法是让用户感觉它的弹出窗口或模型不是新页面，通过使用一些边距或使其成为span10 offset1类型。

另一种方法是打开和关闭方法， 这里描述

而最好的方法是

这里描述

从iFrame控制后退按钮，尝试这可能有帮助（未测试）

Answer 2

感谢http://www.mylearning.in/2015/06/close-modal-pop-up-on-back-button.html，这是一个更好的方法。

  $('#myModal').on('show.bs.modal', function(e) { window.location.hash = "modal"; }); $(window).on('hashchange', function (event) { if(window.location.hash != "#modal") { $('#myModal').modal('hide'); } });